Ghost-Blog anbinden
Ein Script-Tag in der Code Injection – dann werden Shortcodes und Produktlinks in deinen Beiträgen zu Produktboxen.
Ghost kennt keine Server-Plugins. affilinode kommt deshalb über die Einbettung in deinen Blog: ein Script-Tag, das du einmal in die Code Injection von Ghost einfügst. Danach schreibst du Shortcodes wie im WordPress-Plugin in deine Beiträge oder fügst einfach Produktlinks ein – das Script macht daraus Boxen mit den Affiliate-Links und Tracking-IDs deiner Website.
Einrichten mit dem Assistenten
- Im Menü „Integrationen“ öffnen und bei „Ghost“ auf „Einrichten“ klicken (oder Strg+K und „Ghost-Blog anbinden“).
- „Blog“: die Adresse deines Blogs eingeben, z. B. „meinblog.de“ – bei Ghost(Pro) ohne eigene Domain die Adresse „…ghost.io“. Der Assistent schlägt die passende Website vor oder legt eine neue an und richtet den Einbettungsschlüssel mit dieser Domain ein.
- „Darstellung“: einstellen, was das Script tun soll – „Shortcodes im Text“, „Produktlinks umwandeln“ (Produktbox oder kompakte Zeile, höchstens je Beitrag) und „Passende Produkte zum Beitrag“. Die Live-Vorschau zeigt einen Beispielbeitrag im Ghost-Stil, wahlweise mit einem eigenen Produkt.
- „Einbauen“: „Code kopieren“, dann „Code Injection in Ghost öffnen“ – der Knopf führt direkt zu „Settings“ → „Code injection“. Den Code in das Feld „Site footer“ einfügen und speichern.
- „Analysieren (optional)“: In Ghost unter „Settings“ → „Integrations“ → „Add custom integration“ eine Integration „affilinode“ anlegen, den „Content API key“ im Assistenten eintragen und „Inhaltsquelle anlegen“. Für sofortige Updates in derselben Integration Webhooks mit der angezeigten Adresse und dem Secret anlegen (Events „Post published“, „Post updated“, „Post unpublished“, „Post deleted“).
- „Prüfen“: „Installation prüfen“ ruft deinen Blog ab und sucht das Script mit deinem Schlüssel – auf der Startseite und, falls es nur in Beiträgen steht, im neuesten Beitrag. Ergebnis: gefunden, anderer Schlüssel, nicht gefunden oder nicht erreichbar.
<script src="https://api.affilinode.com/v1/embed/embed.js" data-key="DEIN-SCHLÜSSEL" data-shortcodes="1" data-links="box" data-context-after="3" async></script>
Ohne Assistent geht es auch von Hand: Unter „Websites“ → Website → „Einbettung“ die Domain eintragen, „Schlüssel anlegen“ und unter „Code erstellen“ im Reiter „Ghost & Foren“ den Code erzeugen.
Code erzeugen
Ghost hat keinen affilinode-Baustein im Editor. Deshalb gibt es im Dashboard den Dialog „Code erzeugen“ – überall erreichbar über die Schaltfläche in der Seitenleiste oder das Tastenkürzel Alt + Umschalt + E, außerdem über „Produkt einfügen“ auf „Integrationen“ und im Ghost-Assistenten: Box-Art wählen, Produkt suchen bzw. Liste, Berater oder Produktart wählen, Optionen einstellen, Vorschau ansehen und im Reiter „Ghost“ den Shortcode oder die HTML-Card kopieren. Lass das Dashboard beim Schreiben in einem zweiten Tab offen.
- Ein Produkt: Produktbox, Produktkarte, kompakte Zeile, Preisvergleich, Button, Preisverlauf, Gerät + Tarife, Testbewertung ([affilinode_rating]), Auf einen Blick ([affilinode_glance]), Folgekosten ([affilinode_energy]), Alternativen ([affilinode_alternatives]) und Packungsgrößen ([affilinode_packs]; im Preisvergleich data-packs="tabs").
- Mehrere Produkte: Raster ([affilinode_products]), Vergleichstabelle ([affilinode_compare]) und Bestenliste ([affilinode_list]).
- Ohne Produktauswahl: Produktsuche ([affilinode_search type="…"]), Produktberater ([affilinode_advisor id="…"]), Kompatibilitäts-Check ([affilinode_compat]), Bester in der Kategorie ([affilinode_top type="…"]) und Preis-Leistungs-Diagramm ([affilinode_scatter type="…" field="…"]).
- Im Satz: Textlink ([affilinode_link]) und einzelner Wert ([affilinode_field]).
- Ersatzteile ([affilinode_spare_parts]), Deals ([affilinode_deals type="…" min="15"]) und der Vergleichs-Wähler ([affilinode_compare_picker]) gibt es ebenfalls als Shortcode. Nur „Passend zum Inhalt“ stellst du am Script-Tag ein.
- Gutscheine: [affilinode_coupons] (laufende Gutscheine und Aktionen; merchant, product, kind, limit) und unter Produktbox bzw. Karte mit coupons="1" – siehe „Gutscheine“.
[affilinode_top type="smartphone" by="value"]
[affilinode_glance id="asin:B0XXXXXXXX" count="4"]
Der Akku hält lange, [affilinode_link id="asin:B0XXXXXXXX" text="hier günstig" price="1"].
Boxen im Editor
- Shortcode: [affilinode_product id="asin:B0XXXXXXXX"] in einen normalen Absatz schreiben. Steht er allein im Absatz, ersetzt die Box den Absatz. Es gibt auch [affilinode_offers], [affilinode_button], [affilinode_products ids="a,b"], [affilinode_compare ids="a,b"], [affilinode_list id="…"], [affilinode_price_history], [affilinode_tariffs], [affilinode_spare_parts], [affilinode_deals] und [affilinode_compare_picker] – und alle weiteren Boxen: [affilinode_search], [affilinode_advisor id="…"], [affilinode_compat], [affilinode_alternatives], [affilinode_top type="…"], [affilinode_glance], [affilinode_scatter type="…" field="…"], [affilinode_energy], [affilinode_rating] und [affilinode_packs]. Den fertigen Shortcode baut „Code erzeugen“ (siehe oben) – mit denselben Namen und Attributen wie im WordPress-Plugin.
- Im Satz: [affilinode_link id="…" text="…"] (Textlink) und [affilinode_field id="…" field="price"] (Preis, Shop, Sterne und andere einzelne Werte) bleiben an ihrer Stelle im Text und sehen aus wie dein Text – siehe „Produktboxen ohne WordPress einbetten“.
- HTML-Card: Wer lieber HTML nutzt, setzt eine HTML-Card mit <div data-affilinode="product" data-id="asin:B0XXXXXXXX"></div> – alle Darstellungen aus „Produktboxen ohne WordPress einbetten“ funktionieren so.
- Produktlink: Einen Amazon-, eBay- oder Awin-Link oder einen Link auf ein Angebot aus deinem Katalog einfügen. Steht der Link allein im Absatz, wird er zur Box; mitten im Satz bleibt er stehen und die Box kommt hinter den Absatz. Links in Zitaten und Code bleiben unverändert, Kurzlinks wie amzn.to werden nicht erkannt.
Als Kennung nimmst du wie im WordPress-Plugin die affilinode-ID des Produkts, asin:… oder gtin:…. Am schnellsten geht es mit „Code erzeugen“: Es sucht das Produkt und kopiert den fertigen Shortcode bzw. die HTML-Card.
Newsletter
Ghost verschickt Beiträge auch als E-Mail. E-Mail-Programme führen kein JavaScript aus: Dort steht ein Shortcode als Text im Newsletter, Produktlinks bleiben normale Links. Für Beiträge, die du verschickst, nimm deshalb die HTML-Card und blende sie in der E-Mail aus: Card auswählen und in der Werkzeugleiste über das Auge die Sichtbarkeit „Email“ abschalten. Ein Produktlink im Text ist im Newsletter unproblematisch.
Gut zu wissen
- Das Script sucht im Beitragsinhalt (bei Ghost-Themes wie Casper und Source im Bereich .gh-content). Zeigt dein Theme den Beitrag anders an, trag im Generator unter „Inhaltsbereich“ den passenden CSS-Selektor ein.
- Inhalte nur für Mitglieder: Ghost liefert den Teil hinter der Paywall nur an Mitglieder aus. Boxen und passende Produkte entstehen nur aus dem Text, den der Besucher tatsächlich sieht.
- „Passende Produkte zum Beitrag“ ist im Tarif Publisher enthalten. Ohne den Tarif bleibt diese Box leer; Shortcodes und Links funktionieren trotzdem.
- Datenschutz: Das Script setzt keine Cookies und sendet keine Besucherdaten – nur die Link-Adressen bzw. Titel, Überschriften und Textanfang des Beitrags. Wie bei jedem extern geladenen Script erreicht die IP-Adresse des Besuchers den Server von affilinode; nenne das in deiner Datenschutzerklärung.
- Kennzeichnung: Jede Box trägt die Kennzeichnung „Anzeige“ und einen Affiliate-Hinweis. Ein Hinweis im Beitrag selbst schadet trotzdem nicht.
- Die Boxen entstehen im Browser. Suchmaschinen, die kein JavaScript ausführen, und RSS-Reader sehen den ursprünglichen Text bzw. Link.
Zum Ausprobieren ohne eigenen Schlüssel: data-key="demo" funktioniert auf jeder Domain und zeigt erfundene Produkte, z. B. [affilinode_product id="nw-x5"]. Links gehen auf example.com, es gibt keine Provision.