Nesta série de vídeos de 5 partes, abordamos a instalação e a configuração do Asset Insights para Experience Manager implantado por meio do Adobe Launch.
Visão geral do Asset Insights. Instale os Componentes principais, Componente de imagem de amostra e outros pacotes de conteúdo para preparar seu ambiente.
Certifique-se de baixar o versão mais recente dos Componentes principais para sua implementação.
O vídeo usa os Componentes principais v2.2.2 que não são mais a versão mais recente. Certifique-se de usar a versão mais recente antes de prosseguir para a próxima seção.
Aprimoramentos nos Componentes principais e uso do componente proxy (Componente de imagem de amostra) para o Asset Insights. Editar as políticas do modelo da página de conteúdo para ativar o componente de imagem de amostra para o site de referência.
O componente principal de Imagem inclui a capacidade de desativar o rastreamento de UUID ao desativar o rastreamento da UUID do ativo (valor do identificador exclusivo para um nó criado no JCR)
Usos do componente de Imagem principal data-asset-id atributo dentro do pai <div> de uma tag de imagem para ativar/desativar esse recurso. O componente proxy substitui o componente principal pelas alterações a seguir.
data-aem-asset-id='image.UUID' e data-trackable='true' são os principais atributos que precisam estar presentes para as impressões do ativo. Para o Asset Click Insights, além dos atributos de dados acima presentes na tag <img> , a tag principal deve ter um valor href válido.
O conjunto de relatórios com a coleta de dados em tempo real é criado para o rastreamento de ativos. A configuração do AEM Assets Insights é definida usando credenciais do Adobe Analytics.
A coleta de dados em tempo real e o relatório de ativos do AEM precisam estar habilitados para seu conjunto de relatórios do Adobe Analytics. A habilitação do Relatório de ativos AEM reserva variáveis de análise para rastrear insights de ativos.
Para a configuração do AEM Assets Insights, você precisa das seguintes credenciais
Adição de extensão do Adobe Analytics, Criação de regras de carregamento de página e Integração do AEM ao Launch com a conta técnica do Adobe IMS.
Certifique-se de replicar todas as alterações da instância do autor para a instância de publicação.
//For AEM 6.3
<script type="text/javascript" src="http://localhost:4503/etc/clientlibs/foundation/assetinsights/pagetracker.js"></script>
//For AEM 6.4
<script type="text/javascript" src="http://localhost:4503/etc.clientlibs/dam/clientlibs/assetinsights/pagetracker.js"></script>
O rastreador de páginas implementa dois retornos de chamada (registrados no código incorporado do ativo)
Finalmente, o Pagetracker implementa uma função de inicialização como.
/*
* AEM Asset Insights
*/
var sObj = window.s;
_satellite.notify('in assetAnalytics customInit');
(function initializeAssetAnalytics() {
if ((!!window.assetAnalytics) && (!!assetAnalytics.dispatcher)) {
_satellite.notify('assetAnalytics ready');
/** NOTE:
Copy over the call to 'assetAnalytics.dispatcher.init()' from Assets Pagetracker
Be mindful about changing the AppMeasurement object as retrieved above.
*/
assetAnalytics.dispatcher.init(
"", /** RSID to send tracking-call to */
"", /** Tracking Server to send tracking-call to */
"", /** Visitor Namespace to send tracking-call to */
"", /** listVar to put comma-separated-list of Asset IDs for Asset Impression Events in tracking-call, e.g. 'listVar1' */
"", /** eVar to put Asset ID for Asset Click Events in, e.g. 'eVar3' */
"", /** event to include in tracking-calls for Asset Impression Events, e.g. 'event8' */
"", /** event to include in tracking-calls for Asset Click Events, e.g. 'event7' */
sObj /** [OPTIONAL] if the webpage already has an AppMeasurement object, please include the object here. If unspecified, Pagetracker Core shall create its own AppMeasurement object */
);
sObj.usePlugins = true;
sObj.doPlugins = assetAnalytics.core.updateContextData;
}
else {
_satellite.notify('assetAnalytics not available. Consider updating the Custom Page Code', 4);
}
})();
/*
* AEM Asset Insights
*/
document.querySelectorAll('[data-aem-asset-id]').forEach(function(element) {
assetAnalytics.core.assetLoaded(element);
var parent = element.parentElement;
if (parent.nodeName == "A") {
parent.addEventListener("click", function() {
assetAnalytics.core.assetClicked(this)
});
}
});
//Launch Build Info
_satellite.buildInfo
//Enables debug messages
_satellite.setDebug(true);
//Asset Insight JS Object
assetAnalytics
//List of trackable images
document.querySelectorAll(".cmp-image__image");
Duas extensões de navegador do Google Chrome são mencionadas no vídeo como maneiras de depurar o Analytics. Extensões semelhantes também estão disponíveis para outros navegadores.
Também é possível alternar o DTM para o modo de depuração com a seguinte extensão do Chrome: Launch e DTM Switch. Isso facilita a verificação de erros relacionados à implantação do DTM. Além disso, é possível alternar manualmente o DTM para o modo de depuração por meio de qualquer navegador ferramentas do desenvolvedor -> Console JS adicionando o seguinte trecho:
Configuração do agendador de trabalhos de sincronização de relatórios de ativos AEM e do relatório de insights dos ativos