Seguir

Tracking de click Javascript

Para hacer tracking de los clicks que se hacen en un producto dentro de un recomendador se debe usar la siguiente función en cada uno de los enlaces del producto: 

BrainSINSTracker.clickId( URL, ID);

URL: enlace del producto al que deberíamos ser redireccionados al hacer click con nuestros parámetros.

  • Párametros de la URL:

    • idRecommendation (obligatorio): está compuesto por el ID del recomendador y el ID del producto de la siguiente manera: idRecommender-idProduct.
      Ejemplo Hardcoded: idRecommendation=5-421
    • idPrevPage (opcional): representa la página anterior donde estuvo el usuario antes de la redirección hasta la página actual. Es mejor usar este parámetro en caso de tener identificadores numéricos para las páginas de la web.
      Ejemplo Hardcoded: idPrevPage=6814 

ID: el ID del producto en el que hemos hecho click.

NOTA: URL y ID se pueden coger de la respuesta del recomendador.

NOTA2: hay que tener en cuenta que la función clickId redirecciona a la url sin nuestros parámetros por lo que no afecta al SEO.

Esta función se puede usar también dentro del HTML de los recomendadores mediante un onclick. Esto es un ejemplo usando el código HTML de uno de nuestros recomendadores por defecto:

<tr>
<td class="RecSINS-W-ItemsTD">
<div>
<div class="RecSINS-W-ItemsImage">
<a href="${url}" onclick="BrainSINSTracker.clickId('${url}','${id}');return false;">
<img class="RecSINS-W-ItemsImage" src=${image} border="0">
</a>
</div>
<div class="RecSINS-W-ItemsLine1" id="ItemsLine1">
<a href="${url}" onclick="BrainSINSTracker.clickId('${url}','${id}');return false;">${name}</a>
</div>
<div class="RecSINS-W-ItemsLine2">${price}</div>
</div>
</td>
</tr>

Este es un ejemplo con las url hardcoded: 

<tr>
<td class="RecSINS-W-ItemsTD">
<div>
<div class="RecSINS-W-ItemsImage">
<a href="http://catalog.brainsins.com/default/catalog/product/id/28984/toalla-gris/?idRecommendation=1-28984&idPrevPage=8623" onclick="BrainSINSTracker.clickId('http://catalog.brainsins.com/default/catalog/product/id/28984/toalla-gris/?idRecommendation=1-28984&idPrevPage=8623','28984');return false;">
<img class="RecSINS-W-ItemsImage" src=${image} border="0">
</a>
</div>
<div class="RecSINS-W-ItemsLine1" id="ItemsLine1">
<a href="http://catalog.brainsins.com/default/catalog/product/id/28984/toalla-gris/?idRecommendation=1-28984&idPrevPage=8623" onclick="BrainSINSTracker.clickId('http://catalog.brainsins.com/default/catalog/product/id/28984/toalla-gris/?idRecommendation=1-28984&idPrevPage=8623','28984');return false;">${name}</a>
</div>
<div class="RecSINS-W-ItemsLine2">${price}</div>
</div>
</td>
</tr>

Si estás modificando el estilo del recomendador en nuestro editor avanzado y sin querer borras este onclick no te preocupes, puedes recuperar la función haciendo click en Captura.PNG arriba a la izquierda.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0
¿Tiene más preguntas? Enviar una solicitud

Comentarios

Tecnología de Zendesk