Inhaltsseiten

Grundlagen #
Mit Clerk.io’s Recommendations können Sie vollautomatische Banner hinzufügen, die die Content-Entdeckung für Kunden verbessern.
Sie basieren auf den pages-Daten, um Banner auf Inhaltsseiten zu automatisieren.
Durch verschiedene Logiken, die direkt auf Ihren Inhaltsseiten, Kategorien und Produkten verwendet werden können, können Sie sicherstellen, dass Kunden Blogs und Artikel finden, die mit dem, was sie sich ansehen, zusammenhängen.
Am wichtigsten ist, dass Sie damit auch direkt von Ihren Inhaltsseiten verkaufen können, was einen Feedback-Loop aus Entdeckung und Konversion schafft.
Sie können entweder direkt über Clerk’s API oder über das Elements & Designs System mit Clerk.js wie bei anderen Recommendations implementiert werden.
Synchronisierung #
Da pages ein separater Datentyp ist, müssen Sie sicherstellen, dass dieser mit Clerk synchronisiert ist. Die meisten unserer Plug&Play-Plattformen erledigen dies automatisch, wenn Sie deren integriertes Blog-/Content-Management-System nutzen.
Sie können leicht überprüfen, ob pages in my.clerk.io unter Data > Pages. synchronisiert sind.
Wenn Sie nicht bereits pages senden, führen Sie eine der folgenden Optionen aus:
Wenn Sie eine unserer Plug&Play-Plattformen nutzen, stellen Sie sicher, dass Sie die neueste Version der Erweiterung/des Plugins verwenden.
Wenn Sie eine Custom platform integration nutzen und einen Datenfeed / API-Integration verwenden, stellen Sie sicher, dass Sie pages in Ihren Datenfeed oder API-Aufruf aufnehmen.
Wenn sich Ihre Seiten auf einer anderen Plattform befinden, z.B. WordPress, verwenden Sie Clerk’s Sync-Methode namens Clerk.io JSON Feed V2. Damit können Sie Feeds für Produkte, Kategorien und Seiten aus separaten Quellen synchronisieren.
Logiken #
Content Recommendations können verwendet werden, um die Entdeckung auf allen wichtigen Seiten Ihres Webshops zu automatisieren.
| Logik | Seite | Zeigt |
|---|---|---|
| Best Page Alternatives | Artikel/Blog | Ähnliche Artikel zu dem, das gerade gelesen wird |
| Pages Related To A Product | Produktseite | Artikel, die sich auf das angezeigte Produkt beziehen |
| Pages Related To A Category | Kategorieseite | Artikel, die sich auf die angezeigte Kategorie beziehen. |
| Products Related To A Page | Artikel/Blog | Produkte, die mit dem gelesenen Artikel in Zusammenhang stehen. Dieser Typ funktioniert am besten mit einem regulären Product Design, das auch Preise zeigt. |
| Categories Related To A Page | Artikel/Blog | Kategorien, die mit dem gelesenen Artikel in Zusammenhang stehen. |
Für Entwickler sind dies die API-Endpunkte für die Logiken:
- Best Page Alternatives (recommendations/page/substituting)
- Pages Related To A Product (recommendations/page/product)
- Pages Related To A Category (recommendations/page/category)
- Products Related To A Page (recommendations/page/related_products)
- Categories Related To A Page (recommendations/page/related_categories)
Injection #
Wie bei anderen Clerk-Empfehlungen können Elemente mit unserem Injection system in Ihre Seiten eingefügt werden.
Dazu müssen Sie lediglich einen guten festen CSS-Selektor finden, der verwendet werden kann, um die Recommendations hinzuzufügen.
Einbettungscode einfügen #
Nach dem Erstellen eines Element mit einer der oben genannten Logiken können Sie den Einbettungscode auf der Inhaltsseite, Kategorieseite oder Produktseite hinzufügen, auf der er angezeigt werden soll.
Beachten Sie, dass der Einbettungscode entweder data-page, data-category, oder data-products enthält. Diese bedeuten, dass eine ID erforderlich ist, um die Recommendations anzuzeigen. Der benötigte Datentyp hängt von der Logik ab.
Für die Pages Related To A Product / Category können Sie eine der Integrationen aus dem Choose Platform-Dropdown auswählen, und der Code wird automatisch konfiguriert.
In den anderen Fällen müssen Sie einen Shortcode / Mergetag einfügen, der die notwendige ID einfügt.
So können Sie den Code in eine allgemeine Template-Datei in Ihrem Webshop einfügen und somit Empfehlungen auf allen Seiten anzeigen.
Ein Beispiel von Shopify:
<span class="clerk"
data-template="@similar-to-article"
data-page="{{ page.id }}"
></span>
Alternativ können Sie die ID einer Seite manuell in den Code einfügen und ihn auf eine spezifische Artikelseite über HTML einfügen:
<span class="clerk"
data-template="@similar-to-article"
data-page="1234"
></span>
Diese Seite wurde von einer hilfreichen KI übersetzt, daher kann es zu Sprachfehlern kommen. Vielen Dank für Ihr Verständnis.