Rich-Media-Empfehlung
Um eine Rich-Media-Empfehlungsvorlage anzuzeigen, fügen Sie der Seite die erforderlichen Tags und API-Aufrufe hinzu.
-
Im Seitenkopf:
- Installieren Sie das RTP-Tag.
- Fügen Sie den GET-Aufruf hinzu, mit dem die Empfehlungen ausgefüllt werden.
- Fügen Sie den SET-Aufruf hinzu, mit dem die Vorlage konfiguriert wird.
-
Im Hauptteil der Seite:
- Platzieren Sie das Vorlagen-Tag (div-Klasse) an die Stelle, an der die Vorlage angezeigt werden soll.
Weitere Informationen finden Sie unter Aktivieren prädiktiver Inhalte für Web-Rich-Media.
Vorlagen-Tag
div ein. Zulässige Werte: template1, template2, template3.Beispiele
Verwenden Sie „template1“, um Empfehlungen horizontal anzuzeigen.
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Verwenden Sie „template2“, um Empfehlungen vertikal anzuzeigen.
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Verwenden Sie „template3“, um Empfehlungen vertikal nur mit einem Titel und einer Beschreibung anzuzeigen.
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Siehe Beispiele für die Vorlagenausrichtung.
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 Standardvorlagenkonfiguration.
Rufen Sie diese Methode vor dem Aufruf von rtp(‘get’,‘rcmd’, ‘richmedia’);
Nutzung
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Beispiele
In diesem Beispiel wird der Titeltext für eine Vorlage geändert.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
In diesem Beispiel werden Kategorien und mehrere Konfigurationseigenschaften für eine Vorlage festgelegt.
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"
]
}
}
);
Verwenden Sie „Kategorie“, um den in prädiktiven Inhaltsempfehlungen angezeigten Inhalt zu filtern. Um prädiktive Inhalte für alle aktivierten Inhalte zu verwenden, lassen Sie „Kategorie“ leer.
Um nur bestimmte Inhalte in der Rich-Media-Vorlage zu empfehlen, fügen Sie eine Kategorie für den Inhalt auf der Seite Inhalt festlegen hinzu. Verknüpfen Sie dann diese Kategorie mit dem Code der Empfehlungsvorlage. Kategorisieren Sie beispielsweise relevante Inhalte anhand der Produkt- oder Lösungsabschnitte Ihrer Website.
In diesem Beispiel werden mehrere Konfigurationseigenschaften für eine Vorlage festgelegt.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Konfigurationseigenschaften
Die Konfigurationsunterstützung kann je nach Vorlage variieren.
Einfaches Beispiel
In diesem Beispiel werden drei Empfehlungen in einer Vorlage angezeigt. Kopieren Sie das 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
In diesem Beispiel werden drei Empfehlungen in einer Vorlage angezeigt. Der Vorlagentitel lautet „RECOMMENDED CONTENT“ und der Schaltflächentext lautet „Read More“. Kopieren Sie das 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 für #1 der Rich-Media-Empfehlungsvorlage
Name: template1
Beschreibung: Horizontaler Inhalt, der ein Bild, einen Titel, eine Beschreibung und eine call-to-action-Schaltfläche enthält.
Beispiel für #2 der Rich-Media-Empfehlungsvorlage
Name: template2
Beschreibung: Vertikaler Inhalt, der ein Bild, einen Titel, eine Beschreibung und eine call-to-action-Schaltfläche enthält.
Beispiel für #3 der Rich-Media-Empfehlungsvorlage
Name: template3
Beschreibung: Vertikaler Inhalt, der nur einen Titel und eine Beschreibung enthält. Beim Bewegen des Mauszeigers ändert sich die Farbe der Kopfzeile und die Links zur Inhalts-URL. Die Beschreibung verweist auch auf den Inhalt, ohne die Farbe zu ändern.
