Rich Media Recommendation
Följande taggar och API-anrop måste ställas in på sidan som du vill visa rekommendationsmallen för multimedia.
-
I sidhuvudet
- Har RTP-taggen installerad
- Lägg till GET-anropet på sidan för att fylla i rekommendationerna
- Lägg till SET-anropet för att konfigurera mallen
-
I sidans brödtext
- Placera malltaggen (klassen div) på den plats där du vill att mallen ska visas
Mer information finns här.
Malltagg
div.Permissible-värden: template1, template2, template3.Exempel
Om du vill visa dina rekommendationer i vågrät justering använder du "template1".
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Om du vill visa dina rekommendationer i lodrät justering använder du "template2".
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Om du vill visa dina rekommendationer i lodrät justering med enbart rubrik och beskrivning använder du "template3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Se skärmbilder av malljusteringar här.
Fyll i rekommendation
Den här metoden fyller i alla multimedia <divs> på sidan med rekommendationer.
Användning
rtp('get', 'rcmd', 'richmedia');
Ändra mallkonfiguration
Den här metoden ändrar standardkonfigurationen för mallen.
Obs! När du använder den här metoden måste den anropas innan du anropar rtp('get','rcmd', 'richmedia');
Användning
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Exempel
Det här kodfragmentet ändrar rubriktexten för en mall.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Det här kodfragmentet visar inställningar av kategorier med flera konfigurationer för en mall.
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"
]
}
}
);
Obs! Använd"category" för att filtrera innehåll som visas i resultatet av rekommendationer för prediktivt innehåll. Om du vill tillämpa prediktivt innehåll på alla aktiverade innehållskomponenter lämnar du"kategorin" tom. Om du bara vill rekommendera specifikt innehåll för utdata i mallen Multimedia lägger du till en kategori för innehållet på sidan Ange innehåll och associerar den kategorin i rekommendationsmallkoden. Kategorisera relevant innehåll enligt avsnitt på webbplatsen (produkter eller lösningar).
I det här kodfragmentet visas hur du ställer in flera mallkonfigurationer för en mall.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Konfigurationsegenskaper
Obs! Konfigurationsstödet kan ändras per mall.
Grundläggande exempel
Det här exemplet har en mall med tre rekommendationer. Kopiera det här exemplet till en HTML-sida och ersätt sedan RTP-taggen med taggen .
<!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>
Avancerat exempel
Det här exemplet har en mall med tre rekommendationer. Malltiteln är "REKOMMENDERAT INNEHÅLL" och knapptexten "Läs mer". Kopiera det här exemplet till en HTML-sida och ersätt sedan RTP-taggen med taggen .
<!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>
Exempel på rekommendationsmall 1 för multimedia
Namn: mall1 Beskrivning: Vågrätt innehåll inklusive bild, titel och beskrivning samt anrop till åtgärdsknappen.
Exempel på rekommendationsmall 2 för multimedia
Namn: mall2 Beskrivning: Lodrätt innehåll inklusive bild, titel och beskrivning samt anrop till åtgärdsknappen.
Exempel på rekommendationsmall 3 för multimedia
Namn: mall3 Beskrivning: Lodrätt innehåll som endast innehåller rubrik och beskrivning. Vid hovring med musen ändrar sidhuvudet färg och är länkat till innehålls-URL. Beskrivningen länkar också till innehåll utan färgändring.
