Rich-Media-Empfehlung
- Themen:
- Javascript
Erstellt für:
- Admin
Die folgenden Tags und API-Aufrufe müssen auf der Seite eingerichtet werden, auf der Sie die Rich-Media-Empfehlungsvorlage anzeigen möchten.
-
Im Seitenkopf
- Installieren Sie das RTP-Tag
- Fügen Sie den GET-Aufruf der Seite hinzu, um die Empfehlungen auszufüllen
- Fügen Sie den SET-Aufruf hinzu, um die Vorlage zu konfigurieren
-
Im Hauptteil der Seite
- Platzieren Sie das Vorlagen-Tag (div-Klasse) an der Stelle, an der die Vorlage angezeigt werden soll
Weitere Informationen finden Sie hier.
Vorlagen-Tag
div.Permissible
ein: template1, template2, template3.Beispiele
Verwenden Sie „template1“, um Ihre Empfehlungen horizontal auszurichten.
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Um Ihre Empfehlungen vertikal auszurichten, verwenden Sie „template2“.
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Um Ihre Empfehlungen vertikal ausgerichtet nur mit Titel und Beschreibung anzuzeigen, verwenden Sie „template3“.
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Screenshots von Vorlagenausrichtungen finden Sie hier.
Empfehlung befüllen
Diese Methode füllt alle Rich-Media-<divs>
auf der Seite mit Empfehlungen.
Nutzung
rtp('get', 'rcmd', 'richmedia');
Vorlagenkonfiguration ändern
Diese Methode ändert die Standardkonfiguration für die Vorlage.
Hinweis: Bei Verwendung dieser Methode muss sie vor dem Aufruf von rtp('get','rcmd', 'richmedia') aufgerufen werden;
Nutzung
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Beispiele
Dieser Codeausschnitt ändert den Titeltext für eine Vorlage.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Dieser Code-Ausschnitt zeigt das Festlegen von Kategorien mit mehreren Konfigurationen für eine Vorlage.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial",
"category":
[
"webinar",
"blog posts",
"pricing_page_category",
"product_a_category"
]
}
}
);
HINWEIS: Verwenden Sie „Kategorie“, um Inhalte zu filtern, die im Ergebnis von prädiktiven Inhaltsempfehlungen angezeigt werden. Wenn Sie prädiktiven Inhalt auf alle aktivierten Inhaltselemente anwenden möchten, lassen Sie die Kategorie leer. Wenn Sie nur bestimmte Inhalte für die Ausgabe in der Rich-Media-Vorlage empfehlen möchten, fügen Sie eine Kategorie für den Inhalt auf der Seite Inhalt festlegen hinzu und verknüpfen Sie diese Kategorie innerhalb des Code der Empfehlungsvorlage. Kategorisieren relevanter Inhalte nach Abschnitten Ihrer Website (Produkte oder Lösungen).
Dieser Code-Ausschnitt zeigt, wie mehrere Vorlagenkonfigurationen für eine Vorlage festgelegt werden.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Konfigurationseigenschaften
Hinweis: Die Konfigurationsunterstützung kann sich pro Vorlage ändern.
Einfaches Beispiel
Dieses Beispiel enthält eine Vorlage mit drei Empfehlungen. Kopieren Sie dieses Beispiel auf eine HTML-Seite und ersetzen Sie dann das RTP-Tag durch Ihr -Tag.
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RTP recommendation</title>
<!-- RTP tag -->
<script type='text/javascript'>
// This tag needs to be replaced with your account tag
(function(c,h,a,f,i,e){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
c[a].a=i;c[a].e=e;var g=h.createElement("script");g.async=true;g.type="text/javascript";
g.src=f+'?aid='+i;var b=h.getElementsByTagName("script")[0];b.parentNode.insertBefore(g,b);
})(window,document,"rtp","//example.rtp.com/rtp-api/v1/rtp.js","account_id");
// Send page view (required by the recommendation)
rtp('send','view');
// Populate recommendation
rtp('get','rcmd', 'richmedia');
</script>
<!-- End of RTP tag -->
</head>
<body>
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
</body>
</html>
Erweitertes Beispiel
Dieses Beispiel enthält eine Vorlage mit drei Empfehlungen. Der Vorlagentitel lautet „RECOMMENDED CONTENT“ und der Schaltflächentext lautet „Read More“. Kopieren Sie dieses Beispiel auf eine HTML-Seite und ersetzen Sie dann das RTP-Tag durch Ihr -Tag.
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RTP recommendation</title>
<!-- RTP tag -->
<script type='text/javascript'>
// This tag needs to be replaced with your account tag
(function(c,h,a,f,i,e){c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
c[a].a=i;c[a].e=e;var g=h.createElement("script");g.async=true;g.type="text/javascript";
g.src=f+'?aid='+i;var b=h.getElementsByTagName("script")[0];b.parentNode.insertBefore(g,b);
})(window,document,"rtp","//example.rtp.com/rtp-api/v1/rtp.js","account_id");
// Send page view (required by the recommendation)
rtp('send','view');
// Populate the recommendation zone
rtp('get', 'campaign',true);
// Change template configuration
rtp('set', 'rcmd', 'richmedia',
{
template1 :
{
"rcmd.title.text" : "RECOMMENDED CONTENT",
"rcmd.cta.text" : "Read More"
}
}
);
// Populate recommendation
rtp('get','rcmd', 'richmedia');
</script>
<!-- End of RTP tag -->
</head>
<body>
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
</body>
</html>
Beispiel für #1 der Rich-Media-Empfehlungsvorlage
Name: template1 Description: Horizontaler Inhalt einschließlich Bild, Titel und Beschreibung sowie Aktionsaufruf-Schaltfläche.
Beispiel für #2 der Rich-Media-Empfehlungsvorlage
Name: template2 Beschreibung: Vertikaler Inhalt einschließlich Bild, Titel und Beschreibung sowie Aktionsaufruf-Schaltfläche.
Beispiel für #3 der Rich-Media-Empfehlungsvorlage
Name: template3 Beschreibung: Vertikaler Inhalt, der nur Titel und Beschreibung enthält. Beim Bewegen des Mauszeigers ändert sich die Farbe der Kopfzeile und sie wird mit der Inhalts-URL verknüpft. Die Beschreibung enthält auch Links zu Inhalten ohne Farbänderung.