Zum Hauptinhalt springen

Dynamischer Einbettungscode für die Anzeige von produktgetaggten Medien

Steigern Sie die Performance Ihrer Produktseiten mit dynamisch eingebetteten, produktgetaggten Inhalten.

Antonia avatar
Verfasst von Antonia
Vor über 3 Wochen aktualisiert

Sie können jetzt dynamisch Medien anzeigen, die mit bestimmten Produkten getaggt sind, indem Sie unsere neue "Dynamic Embed Code"-Funktion verwenden. Dieses Update ermöglicht es Ihnen, relevanten UGC auf verschiedenen Produktseiten anzuzeigen, ohne separate Widgets zu erstellen, was Zeit spart und die Verwaltung Ihrer Inhalte erleichtert.

Diese Funktion ist ideal, wenn:

  • Sie verwalten mehrere Produktseiten.

  • Sie möchten ein Widget auf verschiedenen Seiten wiederverwenden.

  • Sie bevorzugen eine flexiblere und skalierbare Einrichtung.

Wir zeigen Ihnen, wie Sie es verwenden.

Wo Sie den "Dynamic Embed Code" finden

  1. Gehen Sie zu Ihrem Bereich 'Widgets' und öffnen Sie das Widget, das Medien enthält, die mit Ihren Produkten getaggt sind:

  2. Klicken Sie in der linken Seitenleiste auf den Tab 'Embed', scrollen Sie unterhalb des Standard-Embed-Codes nach unten, bis Sie den Abschnitt 'Dynamic Embed Code' finden, und klicken Sie auf 'Generate code':

Sobald der Code generiert ist, sehen Sie zwei Optionen:

Option 1: Manuelle Substitution der Produkt-ID

Am besten für Entwickler oder Benutzer mit dynamischen Websites

Verwenden Sie diese Methode, wenn Sie bereits product_id-Werte in Ihrem Code oder CMS haben und die richtigen Medien für jede Produktseite laden möchten.

Wie man es verwendet:

  1. Kopieren Sie den "Dynamic Embed Code".

  2. Ersetzen Sie {{ product_id }} durch die tatsächliche Produkt-ID aus Ihrem Katalog:

Beispielcode - stellen Sie sicher, dass Sie den Abschnitt {{ product_id }} mit Ihrer Produkt-ID ändern:

<div class="embedsocial-hashtag" data-ref="89ba5783c3e106b63db926f16b1de76cee4b251a" data-productId="{{ product_id }}"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>

3. Fügen Sie den Code auf der entsprechenden Produktseite Ihrer Website ein.

Sie können die richtige ID auch dynamisch basierend auf Ihrer URL oder den Metadaten der Seite mithilfe von JavaScript oder CMS-Logik einfügen.

Option 2: Auswahl aus den hochgeladenen Produktkatalogen

Am besten für die manuelle Einrichtung ohne Codeänderungen

Wenn Sie den Code nicht anfassen möchten, können Sie Produkte direkt aus Ihren hochgeladenen Katalogen auswählen.

Wie man es verwendet:

  1. Wählen Sie im "Dynamic Embed"-Panel den Katalog, den Sie bereits hochgeladen haben, und wählen Sie aus der Liste der Produkte das Produkt aus, für das Sie Medien anzeigen möchten:

Der Embed-Code wird automatisch mit der richtigen data-productId aktualisiert.

2. Kopieren Sie dann einfach den Embed-Code und fügen Sie ihn auf Ihren Produktseiten ein:

Was passiert als Nächstes?

Unabhängig davon, welche Methode Sie verwenden, wird das Widget automatisch:

  • Nur die mit dem ausgewählten Produkt getaggten Medien filtern und anzeigen.

  • Dynamisch auf Ihren Produktseiten aktualisieren.

Das war’s!

Wenn Sie Fragen haben, klicken Sie auf das Chat-Symbol unten rechts, um mit unserem Customer Success Team zu sprechen, oder senden Sie uns eine E-Mail an support@embedsocial.com

Wir sind für Sie da 🙏


Hat dies deine Frage beantwortet?