Consigli per contenuti multimediali avanzati
Per visualizzare un modello per consigli su contenuti multimediali avanzati, aggiungi alla pagina i tag e le chiamate API richiesti.
-
Nell’intestazione della pagina:
- Installa il tag RTP.
- Aggiungi la chiamata GET che popola i consigli.
- Aggiungi la chiamata SET che configura il modello.
-
Nel corpo della pagina:
- Posizionare il tag del modello (classe div) nel punto in cui si desidera visualizzare il modello.
Per ulteriori informazioni, vedere Abilitare Predictive Content for Web Rich Media.
Tag modello
div. Valori consentiti: template1, template2, template3.Esempi
Utilizza “template1” per visualizzare i consigli in orizzontale.
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Utilizza “template2” per visualizzare i consigli in verticale.
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Utilizza “template3” per visualizzare i consigli in verticale con solo un titolo e una descrizione.
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Vedi gli esempi di allineamento del modello 🔗.
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 del modello.
Chiama questo metodo prima di chiamare rtp(‘get’,‘rcmd’, ‘richmedia’);
Utilizzo
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Esempi
In questo esempio viene modificato il testo del titolo di un modello.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
In questo esempio vengono impostate le categorie e le proprietà di configurazione multiple 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"
]
}
}
);
Utilizza “categoria” per filtrare il contenuto visualizzato nei consigli sui contenuti predittivi. Per utilizzare il contenuto predittivo per tutto il contenuto abilitato, lascia vuota la voce “categoria”.
Per consigliare solo contenuti specifici nel modello Rich Media, aggiungi una categoria per il contenuto nella pagina Imposta contenuto. Quindi associa tale categoria al codice del modello di consigli. Ad esempio, categorizza i contenuti rilevanti in base alle sezioni di prodotto o soluzione del sito web.
In questo esempio vengono impostate più proprietà di configurazione per un modello.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Proprietà di configurazione
Il supporto della configurazione può variare a seconda del modello.
Esempio di base
In questo esempio vengono visualizzati tre consigli in un modello. Copiare l’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
In questo esempio vengono visualizzati tre consigli in un modello. Il titolo del modello è “CONTENUTO CONSIGLIATO” e il testo del pulsante è “Ulteriori informazioni”. Copiare l’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 che include un’immagine, un titolo, una descrizione e un pulsante call-to-action.
Esempio di #2 del modello di consigli per contenuti multimediali avanzati
Nome: modello2
Descrizione: contenuto verticale che include un’immagine, un titolo, una descrizione e un pulsante call-to-action.
Esempio di #3 del modello di consigli per contenuti multimediali avanzati
Nome: modello3
Descrizione: contenuto verticale che include solo un titolo e una descrizione. Al passaggio del mouse, l’intestazione cambia colore e si collega all’URL del contenuto. La descrizione consente inoltre di collegare il contenuto senza modificare il colore.
