Affiliate Links mit YAML und TWIG

home pico plugins

PHP 8 und MySQL im perfekten Zusammenspiel   -  Dynamische Webseiten mit PHP und MySQL programmieren. Alles, was Sie dafür wissen müssen, steht in diesem Buch. Profitieren Sie von einer praxisorientierten Einführung und lernen Sie alle neuen Sprachfeatures von PHP 8 kennen. Die Autoren Christian Wenz und Tobias Hauser sind erfahrene PHP-Programmierer und Datenbankspezialisten. Sie zeigen Ihnen, wie Sie MySQL und andere Datenbanksysteme effektiv einsetzen. Mit diesem Wissen machen Sie sich rundum fit für dynamische Websites.

Wir sind Mitglied im Amazon.Partnernet und können mit Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Zufällige Affiliate-Links ohne externe Plugins mit Hilfe von YAML und der Templatesprache Twig in Pico CMS realisieren, das ist sogar wirklich sehr einfach.

Verdienen Sie mit Affiliate Geld

Wenn Sie keine externen Affiliate-Plugins im CMS Pico nutzen möchten, dann kann Ihnen der eingebaute Twig-Symfony Parser und YAML genau das gleiche leisten - es ist ganz einfach. Sie erhalten einen zufälligen Affiliate-Link mit Produkt-Bild, Produkt-Beschreibung und Bestell-Button im Theme oder Template - ganz ohne Plugin.

YAML Liste erstellen

Zunächst müssen Sie eine YAML-Liste entweder in der Datei config/config.yml oder in der pico-theme.yml anlegen. Sie können sich dabei an dem folgenden Beispiel orientieren:

021  affiliate:
021      - cta: 
021        title:        WordPress 5
021        description:  Erstellen Sie einen Blog oder eine Website...
021        logo:         affiliate-wp5.png
021        link:         https://www.amazon.de...
021        label:        kaufen...
021      - cta:
021        title:        CSS von Animation bis Responsiv
021        description:  Das Buch für den Webentwickler...
021        logo:         affiliate-css.png
021        link:         https://www.amazon.de...
021        label:        kaufen...
021      - cta:
021        title:        SEO
021        description:  Die Suchmaschinen-Optimierung ist...
021        logo:         affiliate-seo.png
021        link:         https://www.amazon.de...
021        label:        kaufen...

Code

Es existieren drei Listen-Objekte cta die jweils title, description, logo, link und label als Attribute beinhalten. Titel stellt einen Buchtitel da, description die Beschreibung, logo das Produktbild, link den Link zum Affiliate-Shop und label ist die Beschriftung des Buttons der dem Leser gezeigt wird.

Affiliate Theme und Template mit Twig

Das Geheimnis dieses Affiliate-Banners ist der Twig-Befehl (Zufallswert - Random):

... {{ random(['apple', 'orange', 'citrus']) }} {# example output: orange #}

Code

er liefert einen zufälligen Wert aus einem iterierbaren Objekt zurück, dies können Sie ohne Umwege im Theme ausgeben.

001  {% set item = random(config.theme_config.affiliate) %}
002  <div class="container-fluid py-5">
003      <div class="container">
004          <div class="row">
005              <div class="col-sm-2">
006                  <img src="{{ item.logo }}" class="img-fluid mb-3">
007              </div>
008              <div class="col-sm">
009                  <p><strong>{{ item.title }}</strong> &ensp; - &ensp; {{ item.description }}</p>
010                  <a href="{{ item.link }}" class="btn btn-success">{{ item.label }}</a>
011              </div>
012          </div>
013      </div>
014  </div>

Code

Das Codeschnipsel oben ist für das CSS-Framework Bootstrap entwickelt, kann aber an Ihr eigenes CSS einfach angepasst werden. Wichtig sind die folgenden Zeilen:

  • Zeile 001: dem Value item wird ein zufälliges cta-Objekt aus der YAML-Liste zugewiesen
  • Zeile 006: liest das Bild aus dem logo-Value
  • Zeile 009: liest den Titel aus dem title-Value und die Beschreibung aus dem description-Value
  • Zeile 011: zeigt den Bestellbutton mit label und dem link

Nachfolgend noch mal die bereinigte Kurzform des Beispiels ohne CSS.

...  {% set item = random(config.theme_config.affiliate) %}
...  <img src="{{ item.logo }}">
...  <p>{{ item.title }} - {{ item.description }}</p>
...  <a href="{{ item.link }}">{{ item.label }}</a>

Code

Wenn Sie dieses Beispiel sinnvoll in Ihr Pico Theme einbauen, erhalten Sie eine zufällige Anzeige (mit Bild, Text und Bestellbutton) eines Affiliate-Produktes das Sie bwerben - am besten platzieren Sie dieses Template weit nach oben in der Webseite.

Optional

Möchten Sie bestimmte Produkte einfach und leicht abschalten können und von der Anzeige auf der Webseite ausschliessen, ohne alles erneut editieren zu müssen, dann sollten Sie einen boolean in die YAML-Liste einsetzen, den Sie abfragen ob der Artikel aktiv oder deaktiv ist. Ein Beispiel finden Sie im Beitrag YAML Syntax in Pico CMS

Der Vorteil dieser Variante gegenüber dem Plugin ist, das der Code überaus einfach und sicher ist, zudem können Sie alles mit (Pico) Bordmitteln abwickeln ohne auf externe Plugins zurückgreifen zu müssen. Dazu kommt, das Sie die YAML-Liste beliebig erweitern können, diese hat theoretisch keine Grenze. Pflegen Sie dort so viele Produkte ein, wie Sie vertretbar auf Ihrer Webseite bewerben möchten.

Hinweis: natürlich ist es notwendig, das Sie auch in einem Affiliate-Netzwerk registriert sind, um einen personalisierten Link entsllen zu können. Hier bietet sich Amazon an, da es sehr einfach zu handhaben ist. Alternativ können aber auch auf zufällige Beiträge Ihres eigenen Blogs verlinken, statt externer Affiliates.


 28.01.2024    Kontakt@Oliver-Lohse.de    Affiliate CTA YAML

JavaScript das umfassende Handbuch. JavaScript objektorientiert lernen und verstehen   -  Ein umfassender Einstieg in JavaScript, viele praktische Beispiele und eine Darstellung auch professioneller Techniken - all das zeichnet dieses unverzichtbare Handbuch aus. Es eignet sich sowohl für Anfänger, die JavaScript von Grund auf lernen, als auch für Fortgeschrittene und Profis, die wissen wollen, wie man moderne, dynamische Webanwendungen entwickelt. Hier finden Sie alle wichtigen Techniken - Ajax, jQuery, Node.js, DOM und mehr. Entdecken Sie die neuesten Trends, Techniken und Entwicklungen bis hin zur Steuerung von Microcontrollern. Machen Sie sich mit Objektorientierung, ECMAScript 21 und funktionaler Programmierung vertraut und profitieren Sie von zahlreichen praxisnahen Beispielen für den sofortigen Einsatz. Das perfekte Lehrbuch für moderne Webentwickler!

Wir sind Mitglied im Amazon.Partnernet und können mit Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Weitere passende Beiträge

Plugin für Affliate mit Formular

 bludit  Affiliate CTA Formular


Ein hochwertiges Affiliate und CTA Plugin für Bludit, mit beqemer Eingabemaske im Admin-Backend für vier Affiliate und CTA einblendungen im Hook pageBegin().

Plugin für Affiliate und CTA

 bludit  Affiliate CTA


Legen Sie mit Hilfe der Benutzerfelder ein Kennzeichen zu jedem Bludit Beitrag an, ob dieser eine Werbung oder einen Affiliate anzeigen soll oder nicht

Mit Affiliate-Plugin Geld verdienen

 bludit  Affiliate CTA


Mit diesem praktischen Affiliate-Plugin für das Bludit CMS verwandeln Sie Ihre Webseite in eine einfache Geldmaschine

Einfaches Affiliate Plugin für Typemill

 typemill  Affiliate CTA


Ein einfaches Affiliate und CTA Plugin für das Flat File CMS Typemill, mit Hilfe der so genannten Shortcodes.

Affiliate und CTA Plugin für Smarty

 smarty  Affiliate CTA


Mit Hilfe von Affiliate-Plugins können Sie Geld auf Ihrer Webseite verdienen. Dieses Affiliate-Plugin für Smarty ist einfach nutzbar.

Affiliate Plugin für WonderCMS schreiben

 wondercms  Affiliate CTA


Möchten Sie mit Ihrem WonderCMS und Affiliate-Links, der verschiedenen Anbieter wie Amazon,Geld verdienen, dann sollten Sie sich dieses Plugin erstellen.

Affiliate FlatFile DB für den Blog

 php  Affiliate DB


Mit diesem Beitrag erstellen Sie (oder als Download) eine unabhängige Affiliate Datenbank, die Sie in jedem CMS, jeder Webseite oder jedem Blog nutzen können.

de.json als SVG Bibliothek, Texte, Arrays

 bludit  JSON YAML XML


Nutzen Sie die de_DE.json Sprachdatei als Ablageort für SVG-Icons im Template. Der Beitrag zeigt Ihnen, wie Sie diese Icons aus dem Template laden und anzeigen

YAML Syntax in Theme Config auslesen

 pico  YAML Syntax


Die YAML Syntax anhand einer Liste erläutert, die beispielsweise Affiliate oder CTA Links aufnimmt und die vom Twig-Template ausgelesen werden können.

Parameter in config.yml erstellen und lesen

 pico  YAML Config


Die Datei config.conf speichert im YAML-Format Variablen ab auf die Sie aus den Templates zugreifen und verarbeiten können. Dies ist das Setup der Webseite

Hervorgehobene Beiträge Sticky Posts

 pico  YAML Syntax Featured Sticky


Sie können Beiträge auf Ihrer Webseite nach oben oder auf die Startseite schieben, indem Sie ihnen ein neues Meta-Attribut geben.

Heredoc Mini CMS mit PHP

 php  Heredoc XML JSON YAML


Dieser Beitrag zeigt einen Heredoc Template Parser und mini CMS, erstellt in PHP, unter Nutzung der Heredoc-Syntax. Content, Template und Parser in einer Datei.

Impressum


CMSWorkbench.de ist eine reine Entwickler-Webseite und dient vorwiegend als Wissensspeicher für die Entwicklung von CMS

Datenschutz


Die Webseite verwendet keinerlei Tracking- oder Speicher-Mechanismen, die Rückschlüsse auf Ihre IP oder das Leseverhalten zulassen

Affiliate


Wir sind Mitglied im Amazon Partnernet und können mit Affiliate-Links (* den Betrieb der Seite etwas unterstützen, für Sie ist das natürlich kostenlos

Kontakt


Sie können mit uns über eMail Kontakt aufnehmen, schreiben Sie an Kontakt@Oliver-Lohse.de