Rich-Media-Empfehlung
Die folgenden Tags und API-Aufrufe müssen auf der Seite eingerichtet werden, auf der die Vorlage für Rich-Media-Empfehlungen angezeigt werden soll.
-
In der Kopfzeile der Seite
- RTP-Tag installieren
- Fügen Sie den GET-Aufruf zur Seite hinzu, um die Empfehlungen zu füllen.
- Fügen Sie den SET-Aufruf hinzu, um die Vorlage zu konfigurieren
-
Im Seitentext
- Platzieren Sie das Vorlagen-Tag (div-Klasse) an der Stelle, an der die Vorlage angezeigt werden soll
Weitere Informationen finden Sie hier.
Vorlagentag
div.Permissible -Werte ein: template1, template2, template3.Beispiele
Um Ihre Empfehlungen in horizontaler Ausrichtung anzuzeigen, verwenden Sie "template1".
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Um Ihre Empfehlungen in vertikaler Ausrichtung anzuzeigen, verwenden Sie "template2".
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Um Ihre Empfehlungen nur in vertikaler Ausrichtung mit Titel und Beschreibung anzuzeigen, verwenden Sie "template3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Screenshots der Vorlagenausrichtungen finden Sie hier.
Empfehlung ausfüllen
Diese Methode füllt alle Rich-Media-Werte <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
Dieses Codefragment ändert den Titeltext für eine Vorlage.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Dieses Codefragment 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 der Empfehlungen für prädiktive Inhalte angezeigt werden. Lassen Sie die "Kategorie"leer, wenn Sie vorausschauenden Inhalt auf alle aktivierten Inhaltselemente anwenden möchten. Wenn Sie in der Rich-Media-Vorlage nur bestimmte Inhalte für die Ausgabe empfehlen möchten, fügen Sie auf der Seite Inhalt festlegen eine Kategorie für den Inhalt hinzu und verknüpfen Sie diese Kategorie im Empfehlungsvorlagencode. Kategorisierung relevanter Inhalte entsprechend den Abschnitten Ihrer Website (Produkte oder Lösungen).
Dieses Codefragment zeigt das Festlegen mehrerer Vorlagenkonfigurationen für eine Vorlage.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Konfigurationseigenschaften
Hinweis: Die Konfigurationsunterstützung kann sich je nach Vorlage ändern.
Grundlegendes Beispiel
Dieses Beispiel enthält eine Vorlage mit drei Empfehlungen. Kopieren Sie dieses Beispiel in 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 ist "EMPFOHLENER INHALT"und der Schaltflächentext lautet "Mehr lesen". Kopieren Sie dieses Beispiel in 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 einer Rich-Media-Empfehlungsvorlage Nr. 1
Name: template1 Description: Horizontaler Inhalt einschließlich Bild, Titel und Beschreibung und Aktionsschaltfläche.
Beispiel einer Rich-Media-Empfehlungsvorlage Nr. 2
Name: template2 Description: Vertikaler Inhalt einschließlich Bild, Titel und Beschreibung und Aktionsschaltfläche.
Beispiel einer Rich-Media-Empfehlungsvorlage Nr. 3
Name: template3 Description: Vertikaler Inhalt mit nur Titel und Beschreibung. Wenn Sie den Mauszeiger darüber bewegen, ändert sich die Farbe der Kopfzeile und ist mit der Inhalts-URL verlinkt. Beschreibung enthält auch Links zu Inhalten ohne Farbänderung.
