Aanbevelingen voor rijke media
De volgende tags en API-aanroepen moeten zijn ingesteld op de pagina die u wilt weergeven als sjabloon voor veelzijdige mediaconitentie.
-
In de paginakoptekst
- De RTP-tag geïnstalleerd laten
- Voeg de vraag van de GET aan de pagina toe om de aanbevelingen te bevolken
- Voeg de vraag van de REEKS toe om het malplaatje te vormen
-
In de pagina
- Plaats de sjabloontag (klasse div) op de locatie waar u de sjabloon wilt weergeven
Meer informatie is beschikbaar hier.
Sjabloonlabel
div.Permissible waarden: template1, template2, template3.Voorbeelden
Gebruik ''template1'' om uw aanbevelingen in horizontale uitlijning weer te geven.
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Gebruik "template2" om uw aanbevelingen in verticale uitlijning weer te geven.
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Als u uw aanbevelingen verticaal wilt uitlijnen met alleen titel en beschrijving, gebruikt u "template3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Zie schermafbeeldingen van sjabloonuitlijning hier.
Aanbeveling vullen
Met deze methode worden alle rich media gevuld <divs> op de pagina met aanbevelingen.
Gebruik
rtp('get', 'rcmd', 'richmedia');
Sjabloonconfiguratie wijzigen
Met deze methode wijzigt u de standaardconfiguratie voor een sjabloon.
Opmerking: wanneer u deze methode gebruikt, moet deze worden aangeroepen voordat rtp('get', 'rcmd', 'richmedia') wordt aangeroepen.
Gebruik
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Voorbeelden
Dit codefragment wijzigt de titeltekst voor een sjabloon.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Dit codefragment toont het plaatsen van categorieën met veelvoudige configuraties voor een malplaatje.
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"
]
}
}
);
OPMERKING: gebruik "categorie" om inhoud te filteren die wordt weergegeven in het resultaat van aanbevelingen voor voorspellende inhoud. Als u voorspellende inhoud wilt toepassen op alle ingeschakelde inhoudsonderdelen, laat u de "categorie" leeg. Als u slechts specifieke inhoud voor de output in het Rich Media malplaatje wilt adviseren, voeg een categorie voor de inhoud in de Vastgestelde inhoudspagina toe en associeer die categorie binnen de code van het aanbevelingsmalplaatje. De relevante inhoud categoriseren op basis van secties op uw website (producten of oplossingen).
Dit codefragment toont het plaatsen van veelvoudige malplaatjeconfiguraties voor een malplaatje.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Configuratieeigenschappen
Opmerking: de configuratieondersteuning kan per sjabloon worden gewijzigd.
Eenvoudig voorbeeld
Dit voorbeeld heeft één sjabloon met drie aanbevelingen. Kopieer dit voorbeeld naar een HTML-pagina en vervang de RTP-tag door uw 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>
Geavanceerd voorbeeld
Dit voorbeeld heeft één sjabloon met drie aanbevelingen. De sjabloontitel is "AANBEVOLEN INHOUD" en de knoptekst is "Meer informatie". Kopieer dit voorbeeld naar een HTML-pagina en vervang de RTP-tag door uw 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>
Voorbeeld van Sjabloon 1 voor veelzijdige mediaconclusies
Naam: template1 Beschrijving: Horizontale inhoud inclusief afbeelding, titel en beschrijving en aanroep naar actieknop.
Voorbeeld van sjabloon #2 voor rich Media Recommendation
Naam: template2 Beschrijving: Verticale inhoud inclusief afbeelding, titel en beschrijving en aanroep naar actieknop.
Voorbeeld van sjabloon 3 voor rich Media Recommendation
Naam: template3 Beschrijving: Verticale inhoud inclusief alleen titel en beschrijving. Bij de muisaanwijzer verandert de koptekst van kleur en is deze gekoppeld aan de URL van de inhoud. Beschrijving is ook gekoppeld aan inhoud zonder kleurwijziging.
