Recomendação de rich media
As tags e chamadas de API a seguir devem ser configuradas na página em que você deseja exibir o modelo Recomendação de mídia avançada.
-
No cabeçalho da página
- Tenha a tag RTP instalada
- Adicionar a chamada do GET à página para preencher as recomendações
- Adicione a chamada SET para configurar o template
-
No corpo da página
- Coloque a tag de modelo (classe div) no local onde deseja que o modelo apareça
Mais informações disponíveis aqui.
Tag de modelo
div.Permissible valores: template1, template2, template3.Exemplos
Para exibir suas recomendações em alinhamento horizontal, use "template1".
<div class="RTP_RCMD2" data-rtp-template-id="template1"></div>
Para exibir suas recomendações em alinhamento vertical, use "template2".
<div class="RTP_RCMD2" data-rtp-template-id="template2"></div>
Para exibir suas recomendações em alinhamento vertical somente com título e descrição, use "template3".
<div class="RTP_RCMD2" data-rtp-template-id="template3"></div>
Veja as capturas de tela dos alinhamentos do modelo aqui.
Preencher recomendação
Este método preenche toda a mídia avançada <divs> da página com recomendações.
Uso
rtp('get', 'rcmd', 'richmedia');
Alterar configuração do modelo
Este método altera a configuração padrão do modelo.
Observação: ao usar esse método, ele deve ser chamado antes de chamar rtp('get','rcmd', 'richmedia');
Uso
rtp('set', 'rcmd', 'richmedia', 'template_id', conf_obj);
Exemplos
Este trecho de código altera o texto do título de um modelo.
rtp("set", "rcmd", "richmedia","template1",
{
"rcmd.title.text": "RECOMMENDED CONTENT"
}
);
Este trecho de código mostra categorias de configuração com várias configurações para um modelo.
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"
]
}
}
);
OBSERVAÇÃO: use "categoria" para filtrar o conteúdo exibido no resultado das recomendações de conteúdo preditivo. Para aplicar conteúdo preditivo a todas as partes de conteúdo ativadas, deixe a "categoria" vazia. Se você quiser recomendar somente conteúdo específico para a saída no modelo de Mídia avançada, adicione uma categoria para o conteúdo na página Definir conteúdo e associe essa categoria no código do modelo de recomendação. Categorização do conteúdo relevante de acordo com as seções do seu site (produtos ou soluções).
Este trecho de código mostra como definir várias configurações de modelo para um modelo.
rtp("set", "rcmd", "richmedia",
{
"template1":
{
"rcmd.title.text": "RECOMMENDED CONTENT",
"rcmd.general.font.family": "arial"
}
}
);
Propriedades de configuração
Observação: o suporte à configuração pode ser alterado por modelo.
Exemplo básico
Este exemplo tem um template com três recomendações. Copie esse exemplo em uma página de HTML e substitua a tag RTP pela sua 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>
Exemplo avançado
Este exemplo tem um template com três recomendações. O título do modelo é "CONTEÚDO RECOMENDADO" e o texto do botão será "Leia mais". Copie esse exemplo em uma página de HTML e substitua a tag RTP pela sua 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>
Exemplo de modelo de recomendação de mídia avançada #1
Nome: modelo1 Descrição: conteúdo horizontal, incluindo imagem, título, descrição e botão de chamada para ação.
Exemplo de modelo de recomendação de mídia avançada #2
Nome: modelo2 Descrição: conteúdo vertical, incluindo imagem, título, descrição e botão de chamada para ação.
Exemplo de modelo de recomendação de mídia avançada #3
Nome: modelo3 Descrição: conteúdo vertical que inclui apenas título e descrição. Ao passar o mouse, o cabeçalho muda de cor e é vinculado por hiperlink ao URL do conteúdo. A descrição também vincula ao conteúdo sem alteração de cor.
