Ayuda: Pasos a seguir para pixel de conversion de Facebook

[daviderojas]

Muy buenas al foro, solicito alguien me ayude a entender como debo hacer paso a paso lo de los pixel de conversion de una publicidad en facebook.

 

Tengo una tienda en linea con algunos productos (www.onlybrands.ec) y he estado pagando publicidad en facebook para que al hacer click vayan a mi homepage pero lo que deseo realmente es medir las conversiones (entiendo que conversión es cuando se cumple el objetivo).

 

He leido que para programar el pixel debes pegar un script en la pagina donde quieres que resulte la acción, favor corregirme si estoy equivocado que es lo mas seguro, pero si quiero instalar un pixel de conversión en una pagina de un producto x ejemplo http://www.onlybrands.ec/batterycase/17-s3solar.html debo buscar ese html en mi servidor y editarlo a nivel de la cabecera, lo que sucede es que no encuentro ese archivo, solo veo otro tipos de archivos. 

 

Como debo y donde debo instalar ese pixel?

 

Otra pregunta, si lo que quiero lograr es que al hacer click desde mi anuncio de facebook entren a una categoria x ejemplo a http://www.onlybrands.ec/44-batterycase donde estan todos los productos y de ahi  eligen uno y hacen el pedido, como y donde instalo el script del pixel de conversion: en la pagina de la categoría o en la pagina del carrito?.  Asi mismo estoy perdido ya que no encuentro el archivo html de la categoria o del carrito.

 

Gracias por sus comentarios

 

David

[Smart Modules]

Buenas,

 

Es un poco rollo hacer la instalación así que si no te sales con ello pruéba este módulo

 

http://smart-modules.com/es/home/8-facebook-conversion-pixel-para-prestashop.html

[Vegeta]

Buenas

 

A mi me ha funcionado colocar el codigo "literal" de la siguiente manera ( en rojo)

  <script>{literal}(function() {

  var _fbq = window._fbq || (window._fbq = []);

  if (!_fbq.loaded) {

    var fbds = document.createElement('script');

    fbds.async = true;

    fbds.src = '//connect.facebook.net/en_US/fbds.js';

    var s = document.getElementsByTagName('script')[0];

    s.parentNode.insertBefore(fbds, s);

    _fbq.loaded = true;

  }

  _fbq.push(['addPixelId', '288710801334961']);

})();

window._fbq = window._fbq || [];

window._fbq.push(['track', 'PixelInitialized', {}]);

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=288710801334961&ev=PixelInitialized" />{/literal}</noscript>

 

Saludos

Se me olvidaba decir que lo he puesto en el archivo header.tpl, antes del </head>

[tcvsara]

Buenas

 

A mi me ha funcionado colocar el codigo "literal" de la siguiente manera ( en rojo)

  <script>{literal}(function() {

  var _fbq = window._fbq || (window._fbq = []);

  if (!_fbq.loaded) {

    var fbds = document.createElement('script');

    fbds.async = true;

    fbds.src = '//connect.facebook.net/en_US/fbds.js';

    var s = document.getElementsByTagName('script')[0];

    s.parentNode.insertBefore(fbds, s);

    _fbq.loaded = true;

  }

  _fbq.push(['addPixelId', '288710801334961']);

})();

window._fbq = window._fbq || [];

window._fbq.push(['track', 'PixelInitialized', {}]);

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=288710801334961&ev=PixelInitialized" />{/literal}</noscript>

 

Saludos

Se me olvidaba decir que lo he puesto en el archivo header.tpl, antes del </head>

 

Hola

y como se accede el html de prestashop para colocar eso¿?

[Vegeta]

Buenas

 

Tienes que editar el archivo header.tpl que podrás encontrar dentro de la carpeta de tu tema en prestashop, con la siguiente ruta public_html>themes>tu_tema>header.tpl

 

Colocar el código antes del </head> dentro del archivo header.tpl 

 

Saludos

[Ingeekar]

Buenas

 

Tienes que editar el archivo header.tpl que podrás encontrar dentro de la carpeta de tu tema en prestashop, con la siguiente ruta public_html>themes>tu_tema>header.tpl

 

Colocar el código antes del </head> dentro del archivo header.tpl 

 

Saludos

 

Hola, tengo el mismo problema al agregar el pixel de conversion de facebook, efectivamente como dice Vegeta el codigo se puede insertar de esa manera en el header.tpl, sin embargo veo que no queda haciendo seguimiento a las conversiones, es decir cuando un usuario agrega productos al carrito y sigue el proceso de compra... si no que mide cada vez que un usuario ingresa a nuestro home... hhmm de manera que se estaria perdiendo el efecto, no estaria realmente midiendo las conversiones en la tienda.  Alguien sabe como solucionarlo??

[Ingeekar]

El problema lo describen en esta pagina. http://www.mixedwaves.com/2013/10/how-to-track-facebook-ads-order-conversion-tracking-in-prestashop-store/

 

y cito la traduccion aqui: 

 

" Si se siente cómodo editando los archivos de tema PrestaShop lo general, puede editar el archivo header.tpl y añadir el código de seguimiento de píxeles anuncios de Facebook en las etiquetas de la cabeza. Esto puede requerir un poco de esfuerzo de programación avanzada, ya que necesita para asegurarse de que aparece el píxel de seguimiento sólo en la cabecera de la página de confirmación del pedido (la página de conversión) y no en todas las páginas web en el sitio web. Esto puede convertirse en poco complicado para los no programadores o uno con habilidades de programación limitadas. Además cada vez que se necesita cambiar el id de píxeles que necesita para editar sus archivos de temas que podrían ser engorroso y lento." 

 

Yo ya agregue el codigo en el herader.tpl, pero no me esta haciendo seguimiento a la pagina de conversion de pedido, sino a todas las paginas, de manera que realmente no me esta midiendo las conversiones.... 

 

Alguien sabe como solucionar esto??

 

Gracias

 

L

[nathan316]

Yo tambien quisiera que alguien apoye con este tema, No se como solucionar esto.

[Eutanasio]

Buenas

 

A mi me ha funcionado colocar el codigo "literal" de la siguiente manera ( en rojo)

  <script>{literal}(function() {

  var _fbq = window._fbq || (window._fbq = []);

  if (!_fbq.loaded) {

    var fbds = document.createElement('script');

    fbds.async = true;

    fbds.src = '//connect.facebook.net/en_US/fbds.js';

    var s = document.getElementsByTagName('script')[0];

    s.parentNode.insertBefore(fbds, s);

    _fbq.loaded = true;

  }

  _fbq.push(['addPixelId', '288710801334961']);

})();

window._fbq = window._fbq || [];

window._fbq.push(['track', 'PixelInitialized', {}]);

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=288710801334961&ev=PixelInitialized" />{/literal}</noscript>

 

Saludos

Se me olvidaba decir que lo he puesto en el archivo header.tpl, antes del </head>

MIL GRACIAS! me había vuelto loco ya, seguí las instrucciones de Vekia así como mil pruebas y no me funcionaba. Muchas gracias!!

[bravafabrics]

Funciona con las etiquetas {literal}! sino se genera un html erroneo y ves página en blanco

 

Mil gracias!

[guezs]

¡Hola! Os dejo aquí el código que habría que poner para que el pixel se muestre sólo en un producto determinado:

 

{if $product->id == 1}

  <script>{literal}(function() {

  var _fbq = window._fbq || (window._fbq = []);

  if (!_fbq.loaded) {

    var fbds = document.createElement('script');

    fbds.async = true;

    fbds.src = '//connect.facebook.net/en_US/fbds.js';

    var s = document.getElementsByTagName('script')[0];

    s.parentNode.insertBefore(fbds, s);

    _fbq.loaded = true;

  }

  _fbq.push(['addPixelId', '288710801334961']);

})();

window._fbq = window._fbq || [];

window._fbq.push(['track', 'PixelInitialized', {}]);

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook...ixelInitialized" />{/literal}</noscript>

{/if}

 

Cambiad el número de producto con el que queráis. Se puede personalizar para varios productos usando

{switch $product->id}

{case 1}
// Código para el 1
{/case}
{case 2}
// Código para el 2
{/case}
{default}
// Mirad la funcionalidad de smarty para saber cómo
{/switch}

 

De hecho, yo no pondría toda la funcionalidad en cada caso. Dejaría la función aparte y luego sólo añadiría lo que sea distinto para cada pixel.

 

Todo esto en head.tpl, antes de cerrar </head>

 

¡Espero que ayude!

[Juandelgado06]

He seguido sus pasos pero mide cada visita a la pagina web, mas no la convercion quiero que me mida cada vez que se agregue un articulo al carrito de compras 

[Milen]

Me salvaste el día.

Vaya no funcionaba por una etiqueta {literal}

[vekia]

i escribió acerca guía fb conversion pixel - se puede leer aquí cómo agregar que con la caja html pro módulo, que reemplazará a las variables dinámicas como el valor del orden o la moneda

[Omar Andrés]

hola, alguien puede explicarme por que al insertar el pixel de facebook en el archivo header.tpl no pasa absolutamente nada? ni siquiera el pixel helper lo detecta... ya probe de todas als formas posibles y nada ayuda por favor!

[Omar Andrés]

Hola, he seguido tus intrucciones y aún así no he conseguido que el pixel helper detecte el pixel o este funcione, les dejo un pantallazo de como lo incrusté, hay algo más que deba saber?? necesito ayuda urgente !!!

 

 

Edited August 26, 2016 by Omar Andrés (see edit history)

[tiendatutorial]

Hola Amigos, les dejo este video, es perfecto para lo que se busca en este hilo

 

[Carlos]

Hola,

Tengo el mismo rollo,  ¿Como agregar el fragmento  del codigo del pixel de facebook pero en la pagina de conversion?

Ya he instalado el codigo completo del pixel en header.tpl y ese me hace seguimiento de todas las personas que entrar a mi web, pero  ¿Donde instalo o como agrego el fragmento del codigo que va solo en la pagina del checkout?  

Cuando entro al FTP y voy al "order-confirmation.tpl" me sale esto:

* 2007-2016 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2016 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

{capture name=path}{l s='Order confirmation'}{/capture}

<h1 class="page-heading">{l s='Order confirmation'}</h1>

{assign var='current_step' value='payment'}
{include file="$tpl_dir./order-steps.tpl"}

{include file="$tpl_dir./errors.tpl"}

{$HOOK_ORDER_CONFIRMATION}
{$HOOK_PAYMENT_RETURN}
{if $is_guest}
    <p>{l s='Your order ID is:'} <span class="bold">{$id_order_formatted}</span> . {l s='Your order ID has been sent via email.'}</p>
    <p class="cart_navigation exclusive">
    <a class="button-exclusive btn btn-outline" href="{$link->getPageLink('guest-tracking', true, NULL, "id_order={$reference_order|urlencode}&email={$email|urlencode}")|escape:'html':'UTF-8'}" title="{l s='Follow my order'}">{l s='Follow my order'}</a>
    </p>
{else}
<p class="cart_navigation exclusive">
    <a class="button-exclusive btn btn-outline" href="{$link->getPageLink('history', true)|escape:'html':'UTF-8'}" title="{l s='Go to your order history page'}">{l s='View your order history'}</a>
</p>
{/if}

 

 

¿Alguien sabe donde puedo agregar el fragmento del pixel de facebook que mide solo las conversiones, es decir las personas que de hecho realizaron una compra? 

 

Gracias!

 

[rubenyeso]

Yo tampoco consigo que me funcione el  pixel de conversión, es decir, el código que se coloca en "order-confirmation.tpl" 

EN el panel de Facebook carga bien el pixel general, pero no el de ventas. 

Es este el código que hay que implementar:

{literal}
<script>
  fbq('track', 'Purchase');
</script>
{/literal}

 

Pues no consigo que funcione. ¿Alguien puede ayudar?