Affiliate Links mit YAML und TWIG für Pico CMS ohne Plugin

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

CMS Workbench Bludit Pico WordPress Smarty Twig Automad PHP
Yottamaster Aluminum 5 Bay (5x16TB) Festplattengehäuse für 2.5 Zoll und 3.5 Zoll HDD & SSD

Yottamaster Aluminum 5 Bay (5x16TB) Festplattengehäuse für 2.5 Zoll und 3.5 Zoll HDD & SSD - Dieser 5 Bay Festplatten Gehäuse unterstützt 5 Festplatten mit einer maximal unterstützten Kapazität von 90 TB und 18 TB für eine einzelne Festplatte. Mit fünf Anzeigelampen zur Überwachung des Arbeitsstatus jeder Festplatte. Plug and Play, Hot Swapping. Perfekt für speicherintensive Anwendungen wie Audio und Videobearbeitung oder digitale Fotografie. (*

kaufen...
Inhaltsverzeichnis
  •   Verdienen Sie mit Affiliate Geld
  •   YAML Liste erstellen
  •   Affiliate Theme und Template mit Twig
  •   Optional
  •   Weiterführende Links

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...

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 #}

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>

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>

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.

Weiterführende Links


YAML YML Affiliate Template random
28.02.2022
Oliver Lohse

Es wurden noch keine Kommentare verfasst, sei der erste!

Weitere passende Artikel

_____

Teil 1 - Legen Sie mit Hilfe der Benutzerfelder ein Kennzeichen zu jedem Bludit Beitrag an, ob dieser eine Werbung oder einen Affiliate anzeigen soll oder nicht
Teil 2 - In diesem Teil geht es um die Erstellung des eigentlichen PHP-Plugins für Bludit, um die Einblendung der Affiliate Links in den Beiträgen zu steuern.
So können Sie das freie Feld TEMPLATE in den Beitragseinstellungen verwenden. Fragen Sie es mit dem folgenden Coding des Beitrags ab und steuern das Templating
So steuern Sie die Templatevorgabe in Beiträgen mit dem CMS Bludit. Sie können den Tamplatenamen bei der Erstellung von Beiträgen im Backend angeben.
Brandings der Entwickler sind natürlich eine gute Sache, jedoch dürfen sie auch abgestellt werden. Wie das für das Bludit Theme DEVTHEME geht, lesen Sie hier
Im Bludit Theme DEVTHEME wird das Label "latest Post" angezeigt. Manchmal kann das störend sein. Entfernen Sie das Label doch einfach in der home.php
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().
Mit diesem Coding können Sie verschiedene Templates starten, jenachdem ob der Leser eine Seite, Kategorie, home oder Tag wählt. Bludit kennt vier Seiten-Typen
Wenn Sie Bludit-Themes und Templates entwickeln dann können Sie dem Leser die Möglichket geben das Theme live umzuschalten für den ersten Eindruck.
Das Bludit Theme TYPERITE ist vielversprechend, da es ein Optimum an Customizing ermöglicht. Entfernen Sie das Branding aus dem Footer - das ist erlaubt.
Nutzen Sie die de_DE.json Sprachdatei im Theme für die Anzeige von CTA, Affiliate, Textbausteinen oder konstanten Inhalten im Bludit CMS oder Template.

Dipper fast YAML Parser - YAML Files lesen und schreiben - yaml Flat File CMS full YAML driven headless Flat File CMS

YAML • YML • Dipper • PHP • lesen • schreiben • Git • GitHub • static
Dipper ist der kleinste YAML-Parser mit dem YAML Dateien gelesen und geschrieben werden können. Ein PHP-Beispiel zum lesen und schreiben von YAML mit Dipper.

Download - Plugins -

Download • kostenlos • Plugin • Template • Theme
Kostenlose Plugins und Templates für Bludit, Pico CMS, WonderCMS, GetSimple, WordPress und co, zum kostenlosen Download
Legen Sie ein Array in der Sprachdatei de_DE.json des Templates an und greifen aus dem Template auf einzelne Key Value Paare zu um Affiliate Links zu erzeugen
Teil 1 - Der Einstieg in das Templating mit dem freien CMS GetSimple - der Name ist Programm, denn dieses CMS ist klar und leicht beherrschbar strukturiert.
Teil 3 - Ein GetSimple Template erstellen. In Verbindung mit dem freien und beliebten CSS-Framework Bootstrap eine leichte Sache auf dem Weg zum eigenen Blog.
Dieser Beitrag zeigt ein einfaches Demo Template für die JavaScript basierte Template Engine Handlebars. Dieses Template ist sogar offline funktionsfähig.
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.
Das ist die kleinste PHP Template-Engine, bzw. das kleinste PHP-CMS der Welt, erstellt mit der Programmiersprache PHP und 7 Zeilen Code.
Erarbeiten Sie als Prototypen ein reines HTML-Template das Ihnen zusagt. HTML-Templates sind schneller entwickelt und müssen weniger Restriktionen einhalten.
Die Formularverarbeitung durch PHP ist der beliebteste Standard im Web. Nutzen Sie ein intelligentes Design, können Sie sich viel Arbeit und Stress ersparen.
Das ist die kleinste PHP-Template-Engine bzw der kleinste Template-Parser in PHP, der mit Heredoc Syntax arbeitet. Die Heredoc Syntax ist ideal für kleine Prototypen.
Möchten Sie in Smarty Templates Bedingungen abfragen, dann können Sie den IF Befehl des Smarty Parsers nutzen, um die Ausgabe des Templates zu steuern.
In welcher Schreibweise sollten Sie CMS Templates erstellen? Gemischt HTML und PHP oder doch lieber waschechtes PHP? Dieser Beitrag erleichtert den Einstieg.
Werden Sie zum Template-Entwickler und beginnen mit leichten Arbeiten, portieren Sie Ihre Templates später in die großen CMS wie WordPress, Bludit oder Joomla
Ein einfaches Affiliate und CTA Plugin für das Flat File CMS Typemill, mit Hilfe der so genannten Shortcodes.
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.
yamlCMS ist mein Beitrag und meine eigene Vorstellung an eine sichere Webseite auf Basis eines Flat File CMS mit lesbarer Datenbankstruktur ohne 'Firlefanz'.
Möchten Sie mit Ihrem WonderCMS und Affiliate-Links, der verschiedenen Anbieter wie Amazon,Geld verdienen, dann sollten Sie sich dieses Plugin erstellen.
Mit diesem Trick legen Sie neue Datenbank-Felder in der JSON-Datenbank des WonderCMS vollkommen automatisiert an - mit nur einer Codezeile im WonderCMS Theme.
Die YAML Syntax anhand einer Liste erläutert, die beispielsweise Affiliate oder CTA Links aufnimmt und die vom Twig-Template ausgelesen werden können.
Der YAML Standard ist gegenüber JSON durchaus in der Lage mehrzeiligen Inhalt aufzunehmen (Multiline). Der Beitrag zeigt Ihnen, wie Sie mehrzeilige Texte in YAML erzeugen.
WordPress Easy - Redaktion

About me

Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Programmier-Sprachen und Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 24 Jahren arbeite ich als Entwickler in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen und seit etwa 37 Jahren im EDV-Sektor mit wechselnden Aufgaben.