Artículos instantáneos de Facebook permiten a los editores crear artículos interactivos y rápidos en Facebook. Artículos Instantáneos puede cargar contenido hasta 10 veces más rápido que la Web móvil.
Puede incrustar Adobe Analytics en Artículos instantáneos de Facebook para realizar un seguimiento del comportamiento de los visitantes. Ya que el contenido del editor se encuentra dentro de la aplicación de Facebook y no en los sitios web del editor, el método de etiquetado es levemente distinto a una implementación estándar de Analytics.
El flujo de trabajo general para implementar Adobe Analytics es el siguiente:
stats.html
. Codifique esta página para extraer parámetros de cadena de consulta de la dirección URL y asignar cada parámetro a una variable de Analyticsstats.html
en el servidor webstats.html
en un iframesrc
stats.html
El HTML de muestra se puede usar para capturar estadísticas de los artículos instantáneos. Este archivo generalmente estaría alojado en uno de los servidores web de la empresa. Cada vez que se carga un artículo instantáneo, carga el archivo en un iframe, lo que activa el envío de datos a Adobe.
<html>
<head>
<title>Facebook Stats</title>
<script language="javaScript" type="text/javascript" src="VisitorAPI.js"></script>
<script language="javaScript" type="text/javascript" src="AppMeasurement.js"></script>
</head>
<body>
<script>
var v_orgId = "INSERT-ORG-ID-HERE";
var s_account = "examplersid1,examplersid2";
var s_trackingServer = "example.data.adobedc.net";
var visitor = Visitor.getInstance(v_orgId);
visitor.trackingServer = s_trackingServer;
var s = s_gi(s_account);
s.account = s_account;
s.trackingServer = s_trackingServer;
s.visitor = visitor;
s.pageName = s.Util.getQueryParam("pageName");
s.pageURL = document.referrer; // The referrer to the utility page is the parent frame
s.campaign = s.Util.getQueryParam("cmpId");
s.eVar1 = "Facebook Instant Article";
s.eVar2 = s.Util.getQueryParam("eVar2");
s.t();
</script>
</body>
</html>
stats.html
en el servidor webAdobe recomienda alojar su página stats.html
junto con la última versión de AppMeasurement.js
y VisitorAPI.js
. Trabaje con los equipos de ingeniería adecuados de su organización para alojar este archivo en la ubicación correcta.
stats.html
en cada página de Artículos instantáneos de FacebookAl crear contenido de Artículos instantáneos de Facebook, puede incrustar el contenido HTML de análisis dentro de un iFrame. Por ejemplo:
<iframe class="no-margin" src="https://example.com/stats.html" height="0"></iframe>
Las variables y los eventos personalizados pueden seguirse desde la HTML de análisis a través de dos métodos diferentes:
stats.html
. Las variables definidas aquí serían mejores para valores que normalmente son iguales para todos los Artículos instantáneos de Facebook.El siguiente ejemplo muestra varias variables personalizadas incluidas en una cadena de consulta. El JavaScript que se encuentra dentro de stats.html
comprobaría la cadena de consulta mediante s.Util.getQueryParam()
.
<iframe class="no-margin" src="https://example.com/stats.html?eVar2=Dynamic%20article%20title&pageName=Example%20article%20name&cmpId=exampleID123" height="0"></iframe>
La dimensión Referente no se rastrea automáticamente debido a la naturaleza de los iFrames. Asegúrese de incluir esta dimensión como parte de la cadena de consulta si desea rastrearla.
Siempre y cuando la página HTML de Analytics esté alojada en su servidor web, Adobe admite la política de privacidad existente en todos los Artículos instantáneos de Facebook. Si un usuario decide excluirse del seguimiento en su sitio principal, también se excluye del seguimiento en todos sus Artículos instantáneos de Facebook. La página de utilidades también admite el servicio de identidad de Adobe Experience Cloud para que pueda integrar datos de Artículos instantáneos de Facebook con el resto de Experience Cloud.