Pixel konwersji facebooka w prestashop

wilku30 · March 31, 2014

Witam

Mój problem dotyczy dodania pixela konwersji z facebooka do prestashop. Posiadam wersję 1.5.5

Nigdzie nie znalazłem żadnej pomocy, a sam nie potrafię tego problemu rozwiązać.

Przy generowaniu pixela facebook prosi:

Skopiuj i wklej następujący kod między <head> i </head> strony swojej witryny, na której chcesz monitorować działania. Na przykład aby monitorować rejestracje, umieść kod na stronie „zakończenia rejestracji”.

Ja chciałbym ten kod umieścić na stronie potwierdzenia sprzedaży produktu.

Teraz pytanie: Czy w istnieje możliwość edytowania znaczników head tylko na tej konkretnej stronie, czyli potwierdzenia sprzedaży? Jeżeli tak, to jak to zrobić?

Z góry dzięki

edit: Ok, znalazłem plik header.tpl w którym jest cała zawartość head, tylko problem nadal pozostaje. Trzeba monitorować tylko akcje sprzedaży.

Edited March 31, 2014 by wilku30 (see edit history)

vekia · March 31, 2014

to: http://www.prestashop.com/forums/topic/250595-solved-affiliate-tracking-code/ rozwiązanie sprawdza się w takich przypadkach

trzeba tylko podstawić odpowiednie zmienne w odpowiednie miejsca

wilku30 · April 2, 2014

Niestety dalej nic. Ja nie muszę ustawiać zmiennych, jedynie wkleić kod, który wygląda następująco:

<script type="text/javascript">

var fb_param = {};

fb_param.pixel_id = '6013007942067';

fb_param.value = '0.00';

fb_param.currency = 'PLN';

(function(){

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

fpw.async = true;

fpw.src = '//connect.facebook.net/en_US/fp.js';

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

ref.parentNode.insertBefore(fpw, ref);

})();

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/offsite_event.php?id=6013007942067&value=0&currency=PLN" /></noscript>

Dodałem go do order-confirmation.tpl i działa, jednak nie tak jak powinien. Dopiero po odświeżeniu strony potwierdzenia zamówienia informacje są wysyłane do facebooka. Jedynym problemem zostaje umieszczenie kodu w nagłówku tylko na stronie potwierdzenia zamówienia.

edit: Wydaje mi się, że ewentualnie dobrym rozwiązaniem może być jeszcze wykonywanie tego skryptu po wciśnięciu przycisku potwierdzającego realizacje zamówienia. Niestety z tym również nie mam pojęcia jak ruszyć.

Edited April 2, 2014 by wilku30 (see edit history)

mantamonster · June 11, 2014

Witam, podepnę się pod temat. Mam taki sam problem jak kolega z tym, że jak wrzucę skrypt facebooka do swojego sklepu internetowego to problem polega na tym że strona się nie ładuje. Moglibyście pomóc do jakiego pliku konkretnie wrzucić skrypt? Chciałem aby był on zamieszony przy dokonaniu zakupu.

www.swieczka.eu


<!-- Facebook Conversion Code for Dokonanie zakupu -->

<script>(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;

}

})();

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

window._fbq.push(['track', '6013563816249', {'value':'0.01','currency':'PLN'}]);

</script>

<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6013563816249&cd[value]=0.01&cd[currency]=PLN&noscript=1" /></noscript>

vekia · June 11, 2014

dzieje się tak ponieważ skrypt posiada brackety czyli nawiasy klamrowe.

nawiasy klamrowe są składnią smarty więc kompilator myśli, że w jakiś sposób próbujesz tę składnię wykorzystać.

aby temu zapobiec, tj. aby zaznaczyć, że brackety w tym przypadku nie są składnią smarty skorzystaj z tagów {literal}{/literal}

{literal}

kod pixela tutaj
{/literal}

kompilator wówczas nie będzie traktował tekstu ujętego w tagi literal jako składni smarty.

mantamonster · June 12, 2014

Serdeczne dzięki. Działa , temat do zamknięcia.

west28 · July 10, 2015

Tracking kod dla fb wymaga umieszczenia pełnych 4 kodów w następujących miejscach:

1. koszyk

2. kod dla autoryzacji

3. kod dla zamówienia

4. kod dla produktu

5. kod dla kategorii z mapowaniem

niestety bez modułu się nie obejdzie, a zmiana podana w cytowanym wątku [modyfikacja kontrolera] jest średnim pomysłem .... Dla jednego z Naszych klientów napisaliśmy moduł, który ogarnia całość tematu.

haker_94wz · March 6, 2016

Witam

Dodałem kod do order-conformation.tpl, który wygląda tak:

{literal}
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', 'xxxxxxxxxxxxxxxxx');
fbq('track', 'Purchase', {value:'{$total_to_pay}' , currency: 'PLN'});</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=xxxxxxxxxxxxxxx&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
{/literal}

Mam problem z wartością zakupu. Gdy podstawiam {$total_to_pay} to nie zamienia się to na wartość zakupu. Ktoś może mi pomóc?

Pozdrawiam

lukash4 · July 26, 2016

dzieje się tak ponieważ skrypt posiada brackety czyli nawiasy klamrowe.

nawiasy klamrowe są składnią smarty więc kompilator myśli, że w jakiś sposób próbujesz tę składnię wykorzystać.

aby temu zapobiec, tj. aby zaznaczyć, że brackety w tym przypadku nie są składnią smarty skorzystaj z tagów {literal}{/literal}

{literal}

kod pixela tutaj

{/literal}

kompilator wówczas nie będzie traktował tekstu ujętego w tagi literal jako składni smarty.

Dzięki mi też się przydało to rozwiązanie

vekia · August 23, 2016

tutorial jak wstawić pixel konwersji z dynamicznie podstawianymi zmiennymi (po angielsku) ale łopatologicznie: fb conversion pixel tutorial oparty o moduł html box pro

nikos111 · November 23, 2016

tutorial jak wstawić pixel konwersji z dynamicznie podstawianymi zmiennymi (po angielsku) ale łopatologicznie: fb conversion pixel tutorial oparty o moduł html box pro

Wyczytałem na Twojej stronie , że moduł HTML box może służyć do implementacji śledzenia e-commerce . Mam instrukcję implementacji takiego modułu ale niewiele z tego rozumiem .

Wygląda to tak :

Konfigurowanie śledzenia (witryna)

Jeśli korzystasz z koszyka na zakupy od firmy zewnętrznej lub śledzisz transakcje w różnych domenach, musisz skonfigurować śledzenie w wielu domenach. Nie musisz jednak tego robić, jeśli oprogramowanie koszyka z zakupami jest w tej samej domenie, co Twój sklep internetowy.

Śledzenie e-commerce

Aby zbierać dane e-commerce z witryny, musisz dodać do niej kod JavaScript, który wysyła do Analytics dane o transakcjach i przedmiotach. Istnieją dwa rodzaje danych e-commerce, które mogą zostać wysłane używają analytics.js: dane o transakcji i dane o przedmiocie.

Dane dotyczące transakcji

Na transakcję składają się następujące zmienne:

Klucz Typ zmiennej Wymagany Opis

ID tekstowy tak ID transakcji (np.: 1234)

Afilacja tekstowy nie Sklep w którym dokonywana jest transakcja

Suma waluta nie Suma dotycząca transakcji (może zawierać dostawę, podatek, dodatkowe koszty)

Dostawa waluta nie Całkowity koszt dostawy

Podatek waluta nie Całkowity podatek nałożony na transakcję

Dane dotyczące przedmiotu

Przedmiot reprezentują indywidualne cechy produkty, określają go takie zmienne, jak:

Klucz Typ zmiennej Wymagany Opis

ID tekstowy tak ID transakcji (np.: 012345). To właśnie ten numer ID łączy produkt z numerem transakcji

Nazwa tekstowy tak Nazwa przedmiotu (np.: spodnie męskie)

SKU tekstowy nie Określa SKU lub kod produktu (np.: SKU22)

Kategoria tekstowy nie Kategoria, do której należy produkt (np.: Ubrania męskie)

Cena waluta nie Cena danego produktu

Implementacja

Śledzenie e-commerce to wtyczka, która musi być załadowana zanim zostanie użyta, aby załadować wtyczkę e-commerce użyj poniższej komendy:

ga('require', 'ecommerce');

Następnie należy dodać dane dotyczące transakcji, by to zrobić użyj komendy:

ga('ecommerce:addTransaction', {

'id': '1234', // ID transakcji.

'affiliation': 'Acme Clothing', // Afliacja/ nazwa sklepu.

'revenue': '11.99', // Suma.

'shipping': '5', // Dostawa.

'tax': '1.29' // Podatek.

});

Kolejnym krokiem, jest dodanie danych dotyczących produktów, aby to zrobić wystarczy posłużyć sie komendą:

ga('ecommerce:addItem', {

'id': '1234', // ID transakcji.

'name': 'Fluffy Pink Bunnies', // Nazwa produktu.

'sku': 'DD23444', // SKU/code.

'category': 'Party Toys', // Kategoria.

'price': '11.99', // Cena.

'quantity': '1' // Quantity.

});

Teraz należy przesłać dane do Google Analytics, używając poniższej komendy:

ga('ecommerce:send');

Pixel konwersji facebooka w prestashop

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in