Recomendación de medios enriquecidos
Las siguientes etiquetas y llamadas de API deben configurarse en la página que desea que muestre la plantilla Recomendación de medios enriquecidos.
-
En el encabezado de la página
- Tener instalada la etiqueta RTP
- Añada la llamada de GET a la página para rellenar las recomendaciones.
- Añada la llamada SET para configurar la plantilla
-
En el cuerpo de la página
- Coloque la etiqueta de plantilla (clase div) en la ubicación donde desee que aparezca la plantilla
Encontrará más información aquí.
Etiqueta de plantilla
div.Permissible valores: template1, template2, template3.Ejemplos
Para mostrar las recomendaciones en alineación horizontal, utilice "template1".
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Para mostrar las recomendaciones en alineación vertical, utilice "template2".
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Para mostrar las recomendaciones en alineación vertical solo con título y descripción, utilice "template3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Vea capturas de pantalla de las alineaciones de plantilla aquí.
Rellenar recomendación
Este método rellena todos los medios enriquecidos <divs> de la página con recomendaciones.
Uso
rtp('get', 'rcmd', 'richmedia');
Cambiar configuración de plantilla
Este método cambia la configuración predeterminada de la plantilla.
Nota: Cuando se utiliza este método, se debe llamar antes de llamar a rtp('get','rcmd', 'richmedia');
Uso
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Ejemplos
Este fragmento de código cambia el texto del título de una plantilla.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Este fragmento de código muestra la definición de categorías con varias configuraciones para una plantilla.
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: Utilice "category" para filtrar el contenido que se muestra en el resultado de las recomendaciones de contenido predictivo. Para aplicar contenido predictivo a todos los fragmentos de contenido habilitados, deje vacía la "categoría". Si desea recomendar solo contenido específico para la salida en la plantilla de medios enriquecidos, agregue una categoría para el contenido en la página Definir contenido y asocie esa categoría dentro del código de plantilla de recomendación. Categorizar el contenido relevante según las secciones del sitio web (productos o soluciones).
Este fragmento de código muestra la configuración de varias plantillas para una plantilla.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Propiedades de configuración
Nota: La compatibilidad con la configuración puede cambiar por plantilla.
Ejemplo básico
Este ejemplo tiene una plantilla con tres recomendaciones. Copie este ejemplo en una página de HTML y, a continuación, reemplace la etiqueta RTP por la etiqueta.
<!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>
Ejemplo avanzado
Este ejemplo tiene una plantilla con tres recomendaciones. El título de la plantilla es "CONTENIDO RECOMENDADO" y el texto del botón será "Más información". Copie este ejemplo en una página de HTML y, a continuación, reemplace la etiqueta RTP por la etiqueta.
<!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>
Ejemplo de #1 de plantilla de recomendación de medios enriquecidos
Nombre: plantilla1 Descripción: contenido horizontal que incluye imagen, título y descripción y botón de llamada a la acción.
Ejemplo de #2 de plantilla de recomendación de medios enriquecidos
Nombre: plantilla2 Descripción: contenido vertical que incluye imagen, título y descripción y botón de llamada a la acción.
Ejemplo de #3 de plantilla de recomendación de medios enriquecidos
Nombre: plantilla3 Descripción: contenido vertical que solo incluye título y descripción. Al pasar el ratón por encima, el encabezado cambia de color y aparece un hipervínculo a la dirección URL de contenido. La descripción también vincula al contenido sin cambiar el color.
