Consigli per contenuti multimediali avanzati
Nella pagina in cui desideri visualizzare il modello Consigli per contenuti multimediali avanzati devono essere impostati i seguenti tag e chiamate API.
-
Nell’intestazione della pagina
- Installazione del tag RTP
- Aggiungi la chiamata GET alla pagina per compilare i consigli
- Aggiungi la chiamata SET per configurare il modello
-
Nel corpo della pagina
- Posizionare il tag del modello (classe div) nella posizione in cui si desidera visualizzare il modello
Ulteriori informazioni sono disponibili qui.
Tag modello
div.Permissible valori: template1, template2, template3.Esempi
Per visualizzare i consigli in allineamento orizzontale, utilizza "template1".
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Per visualizzare i consigli in allineamento verticale, utilizza "template2".
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Per visualizzare i consigli in allineamento verticale solo con titolo e descrizione, utilizza "modello3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Guarda le schermate degli allineamenti dei modelli qui.
Popolare consiglio
Questo metodo popola tutti i rich media <divs> sulla pagina con i consigli.
Utilizzo
rtp('get', 'rcmd', 'richmedia');
Cambia configurazione modello
Questo metodo modifica la configurazione predefinita per il modello.
Nota: quando si utilizza questo metodo, è necessario chiamarlo prima di chiamare rtp('get','rcmd', 'richmedia');
Utilizzo
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Esempi
Questo frammento di codice modifica il testo del titolo di un modello.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Questo frammento di codice mostra come impostare categorie con più configurazioni per un modello.
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"
]
}
}
);
NOTA: utilizza "categoria" per filtrare il contenuto visualizzato nel risultato dei consigli sui contenuti predittivi. Per applicare il contenuto predittivo a tutte le parti di contenuto abilitate, lascia vuota la "categoria". Se desideri consigliare solo contenuto specifico per l’output nel modello Rich Media, aggiungi una categoria per il contenuto nella pagina Imposta contenuto e associa tale categoria all’interno del codice del modello di consigli. Classificare i contenuti pertinenti in base alle sezioni del sito web (prodotti o soluzioni).
Questo frammento di codice mostra come impostare più configurazioni di modelli per un modello.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Proprietà di configurazione
Nota: il supporto della configurazione può cambiare in base al modello.
Esempio di base
Questo esempio ha un modello con tre consigli. Copiare questo esempio in una pagina HTML e quindi sostituire il tag RTP con il 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>
Esempio avanzato
Questo esempio ha un modello con tre consigli. Il titolo del modello è "CONTENUTO CONSIGLIATO" e il testo del pulsante sarà "Ulteriori informazioni". Copiare questo esempio in una pagina HTML e quindi sostituire il tag RTP con il 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>
Esempio di #1 del modello di consigli per contenuti multimediali avanzati
Nome: modello1 Descrizione: contenuto orizzontale con immagine, titolo e descrizione e pulsante di invito all’azione.
Esempio di #2 del modello di consigli per contenuti multimediali avanzati
Nome: modello2 Descrizione: contenuto verticale che include immagine, titolo e descrizione e pulsante di invito all’azione.
Esempio di #3 del modello di consigli per contenuti multimediali avanzati
Nome: modello3 Descrizione: contenuto verticale che include solo titolo e descrizione. Al passaggio del mouse, l’intestazione cambia colore e viene collegata all’URL del contenuto. La descrizione contiene anche collegamenti al contenuto senza cambiamento di colore.
