Instalacja FastTony Pixel – instrukcja krok po kroku

<p><strong>FastTony Pixel<&sol;strong> to skrypt &sacute;ledz&aogon;c&comma; który integruje si&eogon; z witryn&aogon; podobnie do piksela Facebooka&period; Aby dzia&lstrok;a&lstrok; prawid&lstrok;owo i nie kolidowa&lstrok; z innymi narz&eogon;dziami&comma; <strong>musi zosta&cacute; dodany bezpo&sacute;rednio w sekcji <code>&lt&semi;head><&sol;code> strony<&sol;strong> &lpar;na ka&zdot;dej podstronie&rpar;&period; <strong>Unikamy instalacji przez Google Tag Manager &lpar;GTM&rpar;<&sol;strong> – bezpo&sacute;rednie osadzenie kodu w <code>&lt&semi;head><&sol;code> zapewni szybsze i niezawodne dzia&lstrok;anie&comma; eliminuj&aogon;c opó&zacute;nienia i konflikty skryptów&ZeroWidthSpace;&period; Poni&zdot;ej znajdziesz szczegó&lstrok;owe instrukcje instalacji na najpopularniejszych platformach oraz konfiguracji zdarze&nacute; e-commerce&period;<&sol;p>

<p>Kod do osadzenia &lpar;przyk&lstrok;ad&rpar;&colon;<&sol;p>

<pre class&equals;”wp-block-code”><code>&lt&semi;&excl;– FastTony Pixel Code –&gt&semi;&NewLine;&lt&semi;script src&equals;”https&colon;&sol;&sol;pixel&period;fasttony&period;com&sol;761170ef2aad4a08a5189ebf753b5d2a” async defer&gt&semi;&lt&semi;&sol;script&gt&semi;&NewLine;&lt&semi;&excl;– End FastTony Pixel Code –&gt&semi;&NewLine;<&sol;code><&sol;pre>

<p>Umie&sacute;&cacute; powy&zdot;szy fragment <strong>bezpo&sacute;rednio w sekcji <code>&lt&semi;head&gt&semi;<&sol;code><&sol;strong> ka&zdot;dej strony serwisu &lpar;zgodnie z instrukcjami dla danej platformy&rpar;&period; Atrybuty <code>async defer<&sol;code> powoduj&aogon;&comma; &zdot;e skrypt &lstrok;aduje si&eogon; asynchronicznie i nie blokuje renderowania strony&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-wordpress”><strong>WordPress<&sol;strong><&sol;h2>

<p>Na WordPressie mo&zdot;esz doda&cacute; kod do sekcji <code>&lt&semi;head&gt&semi;<&sol;code> na dwa sposoby&colon; za pomoc&aogon; wtyczki lub r&eogon;cznie w plikach motywu&period; Wtyczka jest prostsza i pozwala zachowa&cacute; kod przy aktualizacji motywu&period;<&sol;p>

<p><strong>Metoda 1&colon; Wtyczka &lpar;np&period; Insert Headers and Footers &sol; Head &amp&semi; Footer Code&rpar;<&sol;strong><&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zainstaluj i w&lstrok;&aogon;cz wtyczk&eogon; do wstawiania kodu w nag&lstrok;ówek<&sol;strong> &lpar;np&period; <em>Head&comma; Footer and Post Injections<&sol;em> albo <em>Insert Headers and Footers<&sol;em>&rpar;&period; W panelu WP przejd&zacute; do <strong>Wtyczki &gt&semi; Dodaj now&aogon;<&sol;strong>&comma; wyszukaj wybran&aogon; wtyczk&eogon; i zainstaluj j&aogon;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wstaw kod FastTony Pixel w nag&lstrok;ówku<&sol;strong>&colon; Po aktywacji wtyczki przejd&zacute; do jej ustawie&nacute; &lpar;np&period; <strong>Ustawienia &gt&semi; Header and Footer<&sol;strong>&rpar;&period; W sekcji konfiguracji nag&lstrok;ówka znajdziesz pole&comma; które zostanie wstrzykni&eogon;te na ka&zdot;dej stronie w obr&eogon;b <code>&lt&semi;head&gt&semi;<&sol;code>&period; Wklej tam pe&lstrok;ny kod FastTony Pixel i zapisz zmiany&ZeroWidthSpace;&period; &lpar;Wi&eogon;kszo&sacute;&cacute; wtyczek oferuje pole <em>”Code to add on every page &lpar;before &lt&semi;&sol;head&gt&semi;&rpar;”<&sol;em> – u&zdot;yj w&lstrok;a&sacute;nie tego pola&ZeroWidthSpace;&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Sprawd&zacute;&comma; czy kod pojawi&lstrok; si&eogon; na stronie<&sol;strong> &lpar;np&period; wy&sacute;wietl &zacute;ród&lstrok;o strony lub u&zdot;yj narz&eogon;dzia do weryfikacji – opis w sekcji <strong>Weryfikacja instalacji<&sol;strong> poni&zdot;ej&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>Metoda 2&colon; R&eogon;cznie w plikach motywu<&sol;strong> &lpar;dla zaawansowanych lub gdy nie mo&zdot;esz u&zdot;y&cacute; wtyczki&rpar;&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>U&zdot;yj motywu potomnego<&sol;strong>&colon; Je&sacute;li modyfikujesz pliki motywu&comma; najlepiej utwórz motyw dziecko&comma; by zmiany nie znikn&eogon;&lstrok;y po aktualizacji motywu&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Edytuj plik nag&lstrok;ówka<&sol;strong>&colon; W edytorze plików znajd&zacute; plik odpowiedzialny za nag&lstrok;ówek HTML&period; Zazwyczaj jest to <code>header&period;php<&sol;code> lub w motywach blokowych odpowiednia sekcja HTML&period; Otwórz ten plik i <strong>tu&zdot; przed zamkni&eogon;ciem znacznika <code>&lt&semi;&sol;head&gt&semi;<&sol;code><&sol;strong> wklej kod FastTony Pixel&ZeroWidthSpace;&period; Zapisz zmiany&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Od&sacute;wie&zdot; cache<&sol;strong> &lpar;je&sacute;li korzystasz z cache&rpar; i upewnij si&eogon;&comma; &zdot;e kod jest w &zacute;ródle strony&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<blockquote class&equals;”wp-block-quote”><&excl;– wp&colon;paragraph –>&NewLine;<p><strong>Uwaga&colon;<&sol;strong> Nie instalujemy FastTony Pixel przez Google Tag Manager na WordPressie – umieszczamy kod <strong>bezpo&sacute;rednio<&sol;strong> w nag&lstrok;ówku&period; Dzi&eogon;ki temu b&eogon;dzie on &lstrok;adowa&lstrok; si&eogon; najszybciej jak to mo&zdot;liwe i bez potencjalnych opó&zacute;nie&nacute; spowodowanych przez GTM&period;<&sol;p>&NewLine;<&excl;– &sol;wp&colon;paragraph –><&sol;blockquote>

<h2 class&equals;”wp-block-heading” id&equals;”h-woocommerce-wordpress”>WooCommerce &lpar;WordPress&rpar;<&sol;h2>

<p>WooCommerce to wtyczka e-commerce na WordPressie&comma; wi&eogon;c instalacja podstawowego kodu FastTony Pixel odbywa si&eogon; tak samo jak wy&zdot;ej &lpar;przez wtyczk&eogon; do nag&lstrok;ówków lub r&eogon;cznie w header&period;php&rpar;&period; <strong>Dodatkowo nale&zdot;y skonfigurowa&cacute; &sacute;ledzenie zdarze&nacute; e-commerce<&sol;strong>&comma; aby Pixel przekazywa&lstrok; wymagane informacje o produktach do Facebooka&period;<&sol;p>

<p><strong>Instalacja kodu podstawowego&colon;<&sol;strong> Dodaj skrypt FastTony Pixel do sekcji <code>&lt&semi;head&gt&semi;<&sol;code> strony zgodnie z powy&zdot;sz&aogon; instrukcj&aogon; dla WordPress&period; Kod b&eogon;dzie wówczas &lstrok;adowany na wszystkich podstronach &lpar;w tym stronach produktów&comma; koszyka&comma; finalizacji zamówienia itp&period;&rpar;&period;<&sol;p>

<p><strong>Konfiguracja &sacute;ledzenia zdarze&nacute; w WooCommerce&colon;<&sol;strong> Standardowy kod pikselowy po instalacji &sacute;ledzi jedynie wy&sacute;wietlenia stron &lpar;PageView&rpar;&period; W sklepie internetowym musisz wysy&lstrok;a&cacute; tak&zdot;e zdarzenia produktów&comma; takie jak&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>ViewContent &lpar;ogl&aogon;danie produktu&rpar;<&sol;strong> – gdy u&zdot;ytkownik wejdzie na stron&eogon; szczegó&lstrok;ów produktu&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>AddToCart &lpar;dodanie do koszyka&rpar;<&sol;strong> – po klikni&eogon;ciu przycisku dodaj do koszyka&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>InitiateCheckout &lpar;rozpocz&eogon;cie realizacji zakupu&rpar;<&sol;strong> – gdy klient przechodzi do kasy&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Purchase &lpar;zakup&rpar;<&sol;strong> – na stronie potwierdzenia zamówienia &lpar;po zakupie&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Najprostszym sposobem jest skorzystanie z wtyczki wspieraj&aogon;cej Pixel w WooCommerce&comma; która automatycznie wy&sacute;le te zdarzenia&period; Przyk&lstrok;adowo&comma; wtyczka <strong>PixelYourSite<&sol;strong> pozwala poda&cacute; ID piksela i automatycznie rejestruje zdarzenia e-commerce &lpar;ogl&aogon;danie produktu&comma; dodanie do koszyka&comma; zakup itp&period;&rpar;&ZeroWidthSpace;&period; Pami&eogon;taj jednak&comma; by <strong>nie dublowa&cacute; instalacji piksela<&sol;strong> – je&sacute;li u&zdot;ywasz wtyczki typu PixelYourSite&comma; <strong>nie dodawaj ju&zdot; r&eogon;cznie skryptu w <code>&lt&semi;head&gt&semi;<&sol;code><&sol;strong>&comma; tylko skonfiguruj piksel w ramach tej wtyczki &lpar;podaj&aogon;c ID&rpar;&period; Alternatywnie&comma; je&sacute;li pozostajesz przy r&eogon;cznym kodzie FastTony w <code>&lt&semi;head&gt&semi;<&sol;code>&comma; mo&zdot;esz wy&lstrok;&aogon;czy&cacute; w wtyczce dodawanie kodu podstawowego&comma; a u&zdot;y&cacute; jej jedynie do wysy&lstrok;ania zdarze&nacute; &lpar;o ile to mo&zdot;liwe&rpar;&period;<&sol;p>

<p>Je&zdot;eli nie korzystasz z dodatkowej wtyczki&comma; mo&zdot;esz <strong>r&eogon;cznie osadzi&cacute; kody zdarze&nacute;<&sol;strong> w odpowiednich miejscach WooCommerce&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Ogl&aogon;danie produktu &lpar;ViewContent&rpar;&colon;<&sol;strong> edytuj szablon strony produktu &lpar;<code>single-product&period;php<&sol;code> lub odpowiedni hook&rpar; i dodaj tam skrypt wywo&lstrok;uj&aogon;cy zdarzenie <code>ViewContent<&sol;code> z parametrami produktu &lpar;ID&comma; nazwa&comma; cena itp&period;&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Dodanie do koszyka &lpar;AddToCart&rpar;&colon;<&sol;strong> wywo&lstrok;aj zdarzenie w momencie klikni&eogon;cia przycisku &OpenCurlyDoubleQuote;Dodaj do koszyka” – np&period; poprzez JavaScript nas&lstrok;uchuj&aogon;cy na ten klik &lpar;mo&zdot;na doda&cacute; fragment JS w stopce strony produktów&sol;kategorii&comma; który wywo&lstrok;a <code>fbq&lpar;’track’&comma; 'AddToCart’&comma; &lbrace;…&rcub;&rpar;<&sol;code> po dodaniu&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zakup &lpar;Purchase&rpar;&colon;<&sol;strong> w szablonie strony zamówienia &lpar;np&period; <code>thankyou&period;php<&sol;code>&rpar; dodaj skrypt wywo&lstrok;uj&aogon;cy <code>Purchase<&sol;code> wraz z parametrami transakcji &lpar;warto&sacute;&cacute;&comma; waluta&comma; ID zamówienia&comma; lista kupionych produktów&rpar;&period; WooCommerce udost&eogon;pnia zmienne z danymi zamówienia&comma; które mo&zdot;na wple&sacute;&cacute; w kod JS&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Konfiguracja r&eogon;czna zdarze&nacute; wymaga znajomo&sacute;ci mechanizmów WooCommerce – je&sacute;li nie czujesz si&eogon; pewnie&comma; skorzystaj z gotowej wtyczki do Pixel&sol;Facebook Ads dla WooCommerce&comma; która zrobi to za Ciebie&period; Kluczowe jest&comma; by <strong>Pixel wysy&lstrok;a&lstrok; pe&lstrok;en zakres zdarze&nacute; e-commerce z odpowiednimi parametrami &lpar;np&period; identyfikatory produktów&rpar;<&sol;strong>&period; Te identyfikatory musz&aogon; pokrywa&cacute; si&eogon; z identyfikatorami w Twoim katalogu produktów &lpar;product feed&rpar;&comma; aby Facebook móg&lstrok; prawid&lstrok;owo dopasowywa&cacute; zdarzenia do produktów w reklamach dynamicznych&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-iai-shop-idosell”>IAI-Shop &lpar;IdoSell&rpar;<&sol;h2>

<p>Platforma IAI &lpar;obecnie <strong>IdoSell<&sol;strong>&rpar; umo&zdot;liwia integracj&eogon; kodów w sekcji <code>&lt&semi;head&gt&semi;<&sol;code> poprzez swoje opcje administracyjne&period; <strong>Nie ograniczaj si&eogon; do podania samego ID piksela<&sol;strong> w panelu IAI – zamiast tego wstaw pe&lstrok;ny kod FastTony Pixel&comma; aby mie&cacute; pe&lstrok;n&aogon; kontrol&eogon; nad zdarzeniami&period;<&sol;p>

<p>Aby doda&cacute; kod do <code>&lt&semi;head&gt&semi;<&sol;code> w IdoSell&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zaloguj si&eogon; do panelu IdoSell<&sol;strong> &lpar;administracja sklepu&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Przejd&zacute; do sekcji Moderacja &gt&semi; Dodatki HTML i JavaScript<&sol;strong>&period; W IdoSell skrypty dodaje si&eogon; jako tzw&period; &OpenCurlyDoubleQuote;dodatki HTML&sol;JS”&period; Je&sacute;li nie masz utworzonej w&lstrok;asnej kampanii dodatków&comma; najpierw wybierz opcj&eogon; <em>Dodaj kampani&eogon;<&sol;em> &lpar;kampania mo&zdot;e grupowa&cacute; kilka skryptów&rpar;&ZeroWidthSpace;&period; Nast&eogon;pnie w ramach kampanii dodaj nowy dodatek&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Dodaj nowy dodatek HTML&colon;<&sol;strong> Wybierz <em>Nowy dodatek<&sol;em> i wype&lstrok;nij pola&colon; wpisz nazw&eogon; &lpar;np&period; &OpenCurlyDoubleQuote;FastTony Pixel”&rpar;&comma; ustaw <em>Aktywny&colon; Tak<&sol;em> i <em>Pokazuj&colon; Normalna i mobilna wersja strony<&sol;em>&ZeroWidthSpace;&period; Jako <em>Typ dodatku<&sol;em> wybierz <strong>HTML<&sol;strong> i w polu edycji HTML wklej <strong>pe&lstrok;ny kod skryptu FastTony Pixel<&sol;strong>&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wybierz miejsce wy&sacute;wietlania&colon;<&sol;strong> Ustaw <em>Wy&sacute;wietlaj w&colon;<&sol;em> <strong>sekcja head<&sol;strong> &lpar;nag&lstrok;ówek strony&rpar; oraz <em>Wy&sacute;wietlaj na podstronach&colon;<&sol;em> <strong>Wszystkich<&sol;strong> &lpar;aby kod by&lstrok; obecny na ka&zdot;dej podstronie sklepu&rpar;&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>Zapisz dodatek i <strong>wyczy&sacute;&cacute; cache<&sol;strong> sklepu&comma; je&sacute;li jest w&lstrok;&aogon;czony&period; Od tego momentu skrypt b&eogon;dzie automatycznie dodawany do <code>&lt&semi;head&gt&semi;<&sol;code> ka&zdot;dej strony sklepu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p>IdoSell posiada w&lstrok;asn&aogon; integracj&eogon; Meta Pixel &lpar;Facebook Pixel&rpar; poprzez podanie ID&comma; która domy&sacute;lnie &sacute;ledzi standardowe zdarzenia e-commerce &lpar;PageView&comma; ViewContent&comma; AddToCart&comma; Purchase itp&period;&rpar;&period; Je&sacute;li jednak korzystasz z w&lstrok;asnego kodu FastTony Pixel zamiast wbudowanej integracji&comma; <strong>musisz zadba&cacute; o wysy&lstrok;anie zdarze&nacute; samodzielnie<&sol;strong>&period; <&sol;p>

<p>Dwie opcje to&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Korzysta&cacute; równolegle z integracji IdoSell &lpar;ID piksela&rpar;<&sol;strong> – <em>niezalecane<&sol;em>&comma; bo dubluje kod&period; Lepiej wybra&cacute; jedn&aogon; metod&eogon;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Doda&cacute; w&lstrok;asne skrypty zdarze&nacute;<&sol;strong> podobnie jak w WooCommerce&colon; np&period; w ramach dodatków HTML&sol;JS utwórz osobne skrypty wywo&lstrok;uj&aogon;ce zdarzenia <strong>Purchase<&sol;strong> na stronie potwierdzenia zamówienia &lpar;mo&zdot;na skorzysta&cacute; z zmiennych IdoSell&comma; np&period; placeholderów <code>&lbrace;order&lowbar;id&rcub;<&sol;code> itp&period; w kodzie – panel IAI pozwala wstawia&cacute; dynamiczne warto&sacute;ci w dodatkach&rpar;&comma; a <strong>ViewContent&sol;AddToCart<&sol;strong> na stronach produktów i koszyka&period; IAI oferuje mechanizm modu&lstrok;u CPA&comma; który pozwala uruchamia&cacute; kod dla konkretnych stron &lpar;np&period; tylko na &OpenCurlyDoubleQuote;Thank you page”&rpar; – mo&zdot;esz z niego skorzysta&cacute; do osadzenia kodu zakupu je&sacute;li nie chcesz tworzy&cacute; w&lstrok;asnej logiki rozpoznawania strony zamówienia&ZeroWidthSpace;&period;<a href&equals;”https&colon;&sol;&sol;www&period;idosell&period;com&sol;pl&sol;blog&sol;modul-cpa-1235323453&num;&colon;~&colon;text&equals;&comma;tryb&percnt;20prosty” target&equals;”&lowbar;blank” rel&equals;”noreferrer noopener”><&sol;a><&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Dwie opcjePo poprawnej instalacji i konfiguracji&comma; FastTony Pixel b&eogon;dzie zbiera&lstrok; dane o zachowaniu klientów w sklepie IdoSell&period; Upewnij si&eogon; w Mened&zdot;erze zdarze&nacute; Facebooka&comma; &zdot;e zdarzenia &lpar;zw&lstrok;aszcza <strong>ViewContent<&sol;strong>&comma; <strong>AddToCart<&sol;strong>&comma; <strong>Purchase<&sol;strong>&rpar; s&aogon; odnotowywane dla Twojego piksela&period; <&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-shoplo”>Shoplo<&sol;h2>

<p>W platformie <strong>Shoplo<&sol;strong> &lpar;starsza platforma e-commerce&rpar; dodawanie niestandardowych skryptów odbywa si&eogon; przez panel administracyjny&comma; w sekcji ustawie&nacute; &sacute;ledzenia&period;<&sol;p>

<p><strong>Jak doda&cacute; FastTony Pixel w Shoplo&colon;<&sol;strong><&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zaloguj si&eogon; do panelu Shoplo<&sol;strong> i przejd&zacute; do ustawie&nacute; sklepu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wybierz zak&lstrok;adk&eogon; &OpenCurlyDoubleQuote;Konwersja i &Sacute;ledzenie”<&sol;strong> – w tej sekcji mo&zdot;esz wkleja&cacute; w&lstrok;asne kody &sacute;ledz&aogon;ce&period; &lpar;W menu bocznym Shoplo nale&zdot;y znale&zacute;&cacute; odpowiedni&aogon; pozycj&eogon;&comma; np&period; &OpenCurlyDoubleQuote;Konwersja i &sacute;ledzenie” zgodnie z instrukcj&aogon; platformy&ZeroWidthSpace;&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Dodaj kod w sekcji HEAD&colon;<&sol;strong> Odnajd&zacute; pole opisane jako <strong>&OpenCurlyDoubleQuote;Dodatkowy kod w sekcji head”<&sol;strong> strony&period; Wklej <strong>ca&lstrok;y kod FastTony Pixel<&sol;strong> w to pole&ZeroWidthSpace;&period; <strong>Nie usuwaj<&sol;strong> przy tym &zdot;adnych istniej&aogon;cych kodów&comma; które mog&lstrok;y ju&zdot; tam by&cacute; – dopisz kod piksela poni&zdot;ej&comma; aby nie nadpisa&cacute; innych integracji&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>Zapisz zmiany konfiguracji &lpar;<strong>Zapisz<&sol;strong> powinien by&cacute; dost&eogon;pny np&period; w prawym dolnym rogu panelu&ZeroWidthSpace;&rpar;&period; Kod zostanie automatycznie dodany do <code>&lt&semi;head&gt&semi;<&sol;code> wszystkich stron Twojego sklepu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>&Sacute;ledzenie zdarze&nacute; w Shoplo&colon;<&sol;strong> Shoplo umo&zdot;liwia podanie <strong>ID Facebook Pixel<&sol;strong> w ustawieniach &lpar;co skutkuje automatycznym wdro&zdot;eniem podstawowych zdarze&nacute;&comma; jak PageView i zakupy&rpar;&period; Jednak przy bezpo&sacute;rednim kodzie FastTony mo&zdot;e by&cacute; konieczne w&lstrok;asnor&eogon;czne dodanie skryptów zdarze&nacute;&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zakup &lpar;Purchase&rpar;&colon;<&sol;strong> W Shoplo prawdopodobnie jest osobne pole na kod &sacute;ledzenia konwersji &lpar;np&period; &OpenCurlyDoubleQuote;Skrypty na stronie z podzi&eogon;kowaniem za zamówienie”&rpar;&period; Je&sacute;li tak – wklej tam dodatkowy fragment kodu wywo&lstrok;uj&aogon;cy zdarzenie <code>Purchase<&sol;code> z odpowiednimi danymi transakcji&ZeroWidthSpace;&period; Dzi&eogon;ki temu po z&lstrok;o&zdot;eniu zamówienia piksel wy&sacute;le zdarzenie zakupu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Pozosta&lstrok;e zdarzenia<&sol;strong> &lpar;ViewContent&comma; AddToCart&rpar;&colon; Sprawd&zacute; dokumentacj&eogon; Shoplo – platforma mog&lstrok;a automatycznie obs&lstrok;ugiwa&cacute; podstawowe zdarzenia dla wprowadzonego ID Pixel&period; Je&sacute;li nie&comma; rozwa&zdot; dodanie skryptów&colon; np&period; kod <code>fbq&lpar;’track’&comma; 'AddToCart’&comma; &lbrace;&period;&period;&period;&rcub;&rpar;<&sol;code> w szablonie karty produktu &lpar;po klikni&eogon;ciu &OpenCurlyDoubleQuote;dodaj do koszyka”&rpar; itp&period; W razie w&aogon;tpliwo&sacute;ci skontaktuj si&eogon; z supportem Shoplo&comma; aby dowiedzie&cacute; si&eogon;&comma; jakie zdarzenia s&aogon; obs&lstrok;ugiwane natywnie&comma; a które trzeba doda&cacute; r&eogon;cznie&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Po instalacji kodu w Shoplo&comma; <strong>zweryfikuj dzia&lstrok;anie piksela<&sol;strong> &lpar;opis w sekcji weryfikacji&rpar;&period; Upewnij si&eogon;&comma; &zdot;e zdarzenia e-commerce z Twojego sklepu s&aogon; rejestrowane &lpar;przejrzyj Pixel Helper oraz Mened&zdot;er zdarze&nacute; Facebooka&rpar;&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-shopify-krotka-instrukcja”>Shopify &lpar;krótka instrukcja&rpar;<&sol;h2>

<p>W Shopify mo&zdot;emy doda&cacute; kod piksela bezpo&sacute;rednio do szablonu sklepu &lpar;plik theme&period;liquid&rpar; lub skorzysta&cacute; z panelu administracyjnego&period; Zalecana jest edycja kodu motywu&comma; aby umie&sacute;ci&cacute; piksel w <code>&lt&semi;head&gt&semi;<&sol;code>&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Otwórz edycj&eogon; kodu motywu&colon;<&sol;strong> Zaloguj si&eogon; do Shopify&comma; przejd&zacute; do <strong>Online Store &lpar;Sklep online&rpar; &gt&semi; Themes &lpar;Motywy&rpar;<&sol;strong>&period; Przy swoim aktywnym motywie kliknij <strong>Actions &gt&semi; Edit code &lpar;Edytuj kod&rpar;<&sol;strong>&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zlokalizuj plik layoutu motywu&colon;<&sol;strong> W edytorze kodu znajd&zacute; plik <code>theme&period;liquid<&sol;code> &lpar;w sekcji <strong>Layout<&sol;strong>&rpar;&period; Jest to g&lstrok;ówny plik szablonu&comma; zawieraj&aogon;cy m&period;in&period; nag&lstrok;ówek HTML ca&lstrok;ego sklepu&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wstaw kod przed &lt&semi;&sol;head&gt&semi;&colon;<&sol;strong> W pliku <code>theme&period;liquid<&sol;code> przewi&nacute; do ko&nacute;ca sekcji <code>&lt&semi;head&gt&semi;<&sol;code> – znajd&zacute; znacznik zamykaj&aogon;cy <code>&lt&semi;&sol;head&gt&semi;<&sol;code>&period; <strong>Bezpo&sacute;rednio przed <code>&lt&semi;&sol;head&gt&semi;<&sol;code><&sol;strong> wklej skrypt FastTony Pixel&ZeroWidthSpace;&period; Upewnij si&eogon;&comma; &zdot;e zosta&lstrok; wklejony w ca&lstrok;o&sacute;ci &lpar;razem z <code>&lt&semi;script &period;&period;&period;&gt&semi;&lt&semi;&sol;script&gt&semi;<&sol;code>&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zapisz zmiany<&sol;strong> &lpar;przycisk <strong>Save<&sol;strong> w edytorze Shopify&rpar; i przejd&zacute; do podgl&aogon;du sklepu&period; Kod b&eogon;dzie teraz &lstrok;adowany na wszystkich stronach&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p>Shopify posiada&lstrok; kiedy&sacute; opcj&eogon; wpisania samego Pixel ID w ustawieniach &lpar;<strong>Preferences &gt&semi; Facebook Pixel ID<&sol;strong>&rpar;&comma; ale to rozwi&aogon;zanie oferowa&lstrok;o ograniczone &sacute;ledzenie&period; <strong>Rekomendowane jest r&eogon;czne dodanie pe&lstrok;nego kodu<&sol;strong>&comma; co ju&zdot; zrobi&lstrok;e&sacute;&period; <strong>Konfiguracja zdarze&nacute;&colon;<&sol;strong> Je&sacute;li korzystasz z nowszej integracji Facebooka w Shopify &lpar;przez Sales Channel &OpenCurlyDoubleQuote;Facebook &amp&semi; Instagram”&rpar;&comma; Shopify automatycznie wy&sacute;le zdarzenia e-commerce &lpar;produkt wy&sacute;wietlony&comma; dodany do koszyka&comma; zakup&rpar; do Twojego piksela&period; Przy w&lstrok;asnor&eogon;cznie dodanym kodzie upewnij si&eogon;&comma; &zdot;e te zdarzenia s&aogon; nadal wyzwalane&period; Mo&zdot;esz to zrobi&cacute; poprzez&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li>Test zamówienia i sprawdzenie w Pixel Helper&comma; czy pojawia si&eogon; zdarzenie Purchase&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>Sprawdzenie w kodzie strony produktu&comma; czy wywo&lstrok;ywane jest <code>fbq&lpar;’track’&comma; 'ViewContent’&comma; &period;&period;&period;&rpar;<&sol;code> – Shopify zwykle umieszcza takie wywo&lstrok;ania gdzie&sacute; w skrypcie szablonu produktu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Je&zdot;eli brakuje zdarze&nacute;&comma; rozwa&zdot; dodanie ich r&eogon;cznie &lpar;analogicznie jak opisano dla WooCommerce&rpar; lub poprzez <strong>Shopify Scripts<&sol;strong> &lpar;np&period; skrypt w pliku product&period;liquid do ViewContent&comma; skrypt w pliku cart&sol;checkout do AddToCart&sol;Purchase – cho&cacute; tu uwaga&colon; w Shopify standardowe checkout scripts s&aogon; dost&eogon;pne od planu Shopify Plus lub poprzez sekcj&eogon; <strong>Additional Scripts<&sol;strong> na stronie potwierdzenia zamówienia&rpar;&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-magento-krotka-instrukcja”>Magento &lpar;krótka instrukcja&rpar;<&sol;h2>

<p>W Magento dodanie kodu do <code>&lt&semi;head&gt&semi;<&sol;code> mo&zdot;na wykona&cacute; przez panel administracyjny bez edycji plików &lpar;Magento 2&period;x&rpar;&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Przejd&zacute; do konfiguracji szablonu&colon;<&sol;strong> Zaloguj si&eogon; do Magento Admin&period; Wejd&zacute; w <strong>Content &lpar;Zawarto&sacute;&cacute;&rpar; &gt&semi; Design &gt&semi; Configuration &lpar;Konfiguracja&rpar;<&sol;strong>&period; Wybierz swoj&aogon; skórk&eogon; &lpar;store view&rpar;&comma; dla której chcesz doda&cacute; kod&comma; i kliknij <strong>Edit &lpar;Edytuj&rpar;<&sol;strong>&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Edytuj ustawienia HTML head&colon;<&sol;strong> Rozwi&nacute; sekcj&eogon; <strong>HTML Head<&sol;strong> ustawie&nacute;&period; Znajdziesz tam pole <strong>Scripts and Style Sheets<&sol;strong> &lpar;Skrypty i arkusze stylów&rpar;&period; <strong>Wklej kod FastTony Pixel<&sol;strong> do tego pola&period; To pole pozwala na do&lstrok;&aogon;czenie dowolnego kodu HTML&sol;JS do sekcji <code>&lt&semi;head&gt&semi;<&sol;code> strony na wybranym sklepie&sol;skórce&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zapisz konfiguracj&eogon;<&sol;strong> i <strong>wyczy&sacute;&cacute; cache Magento<&sol;strong> &lpar;w menu System &gt&semi; Cache Management&rpar;&comma; aby zmiany wesz&lstrok;y w &zdot;ycie&ZeroWidthSpace;<a href&equals;”https&colon;&sol;&sol;magecomp&period;com&sol;blog&sol;add-custom-code-in-magento-2-head-html-tag&sol;&quest;srsltid&equals;AfmBOopIvdn4weyZjSY&lowbar;JIn812Nw&lowbar;lJgIztySP2MLnxG7omhjrEedaTW&num;&colon;~&colon;text&equals;Image&percnt;3A&percnt;20Add” target&equals;”&lowbar;blank” rel&equals;”noreferrer noopener”><&sol;a><&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p>Po tej operacji skrypt piksela b&eogon;dzie obecny na wszystkich stronach sklepu&period; <strong>Uwaga&colon;<&sol;strong> Magento cz&eogon;sto posiada rozszerzenia do integracji Facebook Pixel – upewnij si&eogon;&comma; &zdot;e nie masz zainstalowanego modu&lstrok;u&comma; który ju&zdot; dodaje piksel&comma; aby nie dublowa&cacute; kodu&period;<&sol;p>

<p><strong>&Sacute;ledzenie zdarze&nacute;&colon;<&sol;strong> Je&sacute;li korzystasz z oficjalnego modu&lstrok;u Facebooka dla Magento lub innego modu&lstrok;u do Pixel&comma; mo&zdot;e on automatycznie obs&lstrok;ugiwa&cacute; zdarzenia e-commerce &lpar;cofaj&aogon;c si&eogon; do ID Pixel&rpar;&period; Gdy jednak dodajesz kod r&eogon;cznie&comma; zadbaj o dodatkowe skrypty&colon; np&period; w pliku szablonu potwierdzenia zamówienia dodaj kod <code>Purchase<&sol;code>&comma; w szablonie produktu wywo&lstrok;aj <code>ViewContent<&sol;code> itd&period; &lpar;w Magento 2 mo&zdot;na to zrobi&cacute; poprzez rozszerzenie plików PHTML lub layout XML&comma; co jednak wymaga wiedzy deweloperskiej&rpar;&period; Celem jest pokrycie tych samych zdarze&nacute;&comma; o których by&lstrok;a mowa wcze&sacute;niej&ZeroWidthSpace;– <strong>ViewContent&comma; AddToCart&comma; Purchase<&sol;strong> – z poprawnymi parametrami produktów&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-prestashop-krotka-instrukcja”>PrestaShop &lpar;krótka instrukcja&rpar;<&sol;h2>

<p>W PrestaShop najlepiej wklei&cacute; kod FastTony Pixel w szablon nag&lstrok;ówka motywu&period; Dla PrestaShop 1&period;7&plus; zrobisz to nast&eogon;puj&aogon;co&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zaloguj si&eogon; do FTP lub mened&zdot;era plików PrestaShop<&sol;strong> &lpar;ew&period; w Panelu Presta&comma; je&sacute;li masz modu&lstrok; do edycji plików szablonu&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Znajd&zacute; plik nag&lstrok;ówka szablonu&colon;<&sol;strong> Dla PS 1&period;7 domy&sacute;lny motyw <strong>Classic<&sol;strong> ma plik <code>&sol;themes&sol;classic&sol;templates&sol;&lowbar;partials&sol;head&period;tpl<&sol;code>&period; W przypadku innego motywu &sacute;cie&zdot;ka b&eogon;dzie podobna &lpar;<code>&sol;themes&sol;nazwa&lowbar;motywu&sol;templates&sol;&lowbar;partials&sol;head&period;tpl<&sol;code>&rpar;&period; Otwórz plik <code>head&period;tpl<&sol;code> w edycji&ZeroWidthSpace;&period; &lpar;W PrestaShop 1&period;6 szukaj pliku <code>header&period;tpl<&sol;code> w katalogu motywu&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wklej kod przed zamkni&eogon;ciem head&colon;<&sol;strong> W pliku <code>head&period;tpl<&sol;code> przejd&zacute; na sam dó&lstrok;&period; Nawet je&sacute;li nie widzisz tam jawnie znacznika <code>&lt&semi;&sol;head&gt&semi;<&sol;code>&comma; kod dodany na ko&nacute;cu tego pliku <strong>zostanie umieszczony tu&zdot; przed <code>&lt&semi;&sol;head&gt&semi;<&sol;code><&sol;strong> podczas kompilacji szablonu&ZeroWidthSpace;&period; Wklej tam skrypt FastTony Pixel i zapisz zmiany&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wyczy&sacute;&cacute; cache PrestaShop&colon;<&sol;strong> Je&sacute;li cache szablonów jest aktywny &lpar;Smarty cache&rpar;&comma; wyczy&sacute;&cacute; go w panelu &lpar;Zaawansowane &gt&semi; Wydajno&sacute;&cacute; &gt&semi; wy&lstrok;&aogon;cz cache lub wyczy&sacute;&cacute;&rpar;&period; Od&sacute;wie&zdot; stron&eogon; sklepu i sprawd&zacute;&comma; czy kod si&eogon; pojawi&lstrok;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>&Sacute;ledzenie zdarze&nacute;&colon;<&sol;strong> PrestaShop nie ma domy&sacute;lnie wbudowanego Pixela&comma; wi&eogon;c je&sacute;li wklei&lstrok;e&sacute; tylko podstawowy kod&comma; musisz te&zdot; zadba&cacute; o zdarzenia&period; Mo&zdot;esz to zrobi&cacute; poprzez modu&lstrok;y &lpar;np&period; modu&lstrok; Facebook Pixel – wiele jest darmowych w Presta Addons – które po podaniu Pixel ID dodadz&aogon; odpowiednie wywo&lstrok;ania zdarze&nacute; <strong>ViewContent&comma; AddToCart&comma; Purchase<&sol;strong>&rpar;&period; Alternatywnie&comma; dodaj r&eogon;cznie w odpowiednich plikach szablonu&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li>w <code>product&period;tpl<&sol;code> &lpar;lub ekwiwalencie dla PS 1&period;7 mo&zdot;e to by&cacute; plik produktowy w katalogu templates&sol;catalog&rpar; dodaj skrypt <code>fbq&lpar;’track’&comma; 'ViewContent’&comma; &lbrace;contents&colon; &lbrack;&period;&period;&period;&rsqb;&rcub;&rpar;<&sol;code> z danymi produktu&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>w skrypcie obs&lstrok;ugi koszyka &lpar;np&period; plik <code>cart&period;tpl<&sol;code> lub poprzez JavaScript theme&period;js&rpar; wywo&lstrok;aj <code>AddToCart<&sol;code> po dodaniu&comma;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>na stronie <code>order-confirmation&period;tpl<&sol;code> dodaj kod <code>Purchase<&sol;code> z danymi zamówienia&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Je&sacute;li to zbyt skomplikowane&comma; skorzystaj z gotowego modu&lstrok;u <strong>Facebook Pixel<&sol;strong> dla PrestaShop – wiele z nich pozwala unikn&aogon;&cacute; kodowania&period; Wa&zdot;ne&comma; by finalnie Pixel przesy&lstrok;a&lstrok; standardowe zdarzenia e-commerce wymagane przez katalog produktów &lpar;Facebook dynamic ads&rpar;&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-wix-krotka-instrukcja”>Wix &lpar;krótka instrukcja&rpar;<&sol;h2>

<p>W Wix mo&zdot;esz dodawa&cacute; w&lstrok;asne skrypty przez panel administracyjny&comma; funkcj&eogon; <strong>Custom Code<&sol;strong>&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wejd&zacute; do kokpitu swojego serwisu Wix<&sol;strong> i przejd&zacute; do <strong>Settings &lpar;Ustawienia&rpar;<&sol;strong> w panelu zarz&aogon;dzania stron&aogon;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wybierz &OpenCurlyDoubleQuote;Custom Code”<&sol;strong> &lpar;w sekcji Advanced&comma; czyli Zaawansowane&rpar;&period; Ta opcja pozwala osadzi&cacute; niestandardowy kod na wszystkich lub wybranych stronach&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Dodaj nowy kod&colon;<&sol;strong> Kliknij przycisk <strong>&plus; Add Custom Code<&sol;strong>&period; W wy&sacute;wietlonym oknie wklej ca&lstrok;y kod FastTony Pixel w pole tekstowe&ZeroWidthSpace;&period; Nadaj nazw&eogon; &lpar;np&period; &OpenCurlyDoubleQuote;FastTony Pixel”&rpar;&comma; &zdot;eby &lstrok;atwo rozpozna&cacute; ten kod w przysz&lstrok;o&sacute;ci&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wybierz strony i miejsce&colon;<&sol;strong> Ustaw <em>Add Code to Pages<&sol;em> &equals; <strong>All pages<&sol;strong> &lpar;wszystkie strony&rpar;oraz <em>Place Code in<&sol;em> &equals; <strong>Head<&sol;strong> &lpar;nag&lstrok;ówek&rpar;&ZeroWidthSpace;&period; Dzi&eogon;ki temu kod b&eogon;dzie w sekcji <code>&lt&semi;head&gt&semi;<&sol;code> ka&zdot;dej podstrony&comma; co jest wymagane&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>Zapisz i <strong>zastosuj<&sol;strong> kod &lpar;przycisk <strong>Apply<&sol;strong>&rpar;&period; Teraz opublikuj stron&eogon; &lpar;je&sacute;li wprowadza&lstrok;e&sacute; zmiany w wersji roboczej&rpar;&period; Wix doda skrypt automatycznie do publikowanego serwisu&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>Wix a Pixel Facebooka&colon;<&sol;strong> Wix ma integracje marketingowe&comma; np&period; dedykowane pole na Google Analytics czy Meta Pixel&period; <strong>Uwaga&colon;<&sol;strong> Wed&lstrok;ug dokumentacji Wix&comma; niektóre skrypty jak Google Tag Manager&comma; Google Analytics czy Facebook Pixel <strong>nie dzia&lstrok;aj&aogon; poprawnie poprzez Custom Code<&sol;strong> i zaleca si&eogon; ich dodawanie przez wbudowane integracje&ZeroWidthSpace;&period; Je&sacute;li Twój Wix oferuje natywne podpi&eogon;cie Facebook Pixela &lpar;np&period; poprzez podanie ID w Marketing Integrations&rpar;&comma; rozwa&zdot; u&zdot;ycie tego mechanizmu – ale wtedy dodawaj <em>tylko<&sol;em> ID w integracji&comma; <strong>nie duplikuj r&eogon;cznie kodu<&sol;strong>&period; W kontek&sacute;cie FastTony Pixel &lpar;niestandardowy skrypt&rpar; najbezpieczniej jest jednak u&zdot;y&cacute; metody Custom Code jak powy&zdot;ej&period; Po dodaniu kodu sprawd&zacute; poprzez Pixel Helper&comma; czy Wix go umie&sacute;ci&lstrok; &lpar;powinien by&cacute; widoczny w &zacute;ródle strony&rpar;&period;<&sol;p>

<p>Zdarzenia w Wix &lpar;je&sacute;li dodano kod r&eogon;cznie&rpar; trzeba by doda&cacute; przez dodatkowy kod JavaScript &lpar;Wix Velo lub Google Tag Manager – ale GTM chcemy unika&cacute;&rpar;&period; W praktyce&comma; <strong>je&sacute;li prowadzisz sklep na Wix &lpar;Wix Stores&rpar;<&sol;strong>&comma; u&zdot;yj oficjalnej integracji Facebooka w Wix – zapewni to &sacute;ledzenie zdarze&nacute; e-commerce&period; Dla zwyk&lstrok;ych stron Wix &lpar;bez sklepu&rpar; wystarczy PageView z podstawowego kodu&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-joomla-krotka-instrukcja”>Joomla &lpar;krótka instrukcja&rpar;<&sol;h2>

<p>W Joomla brak wbudowanego mechanizmu wklejania kodu w <code>&lt&semi;head&gt&semi;<&sol;code> przez panel &lpar;chyba &zdot;e u&zdot;ywasz specjalnego pluginu&rpar;&period; Najbardziej niezawodn&aogon; metod&aogon; jest edycja plików szablonu albo u&zdot;ycie ma&lstrok;ego modu&lstrok;u typu „Custom Code”&period; Oto dwie opcje&colon;<&sol;p>

<p><strong>Opcja A&colon; Edycja pliku szablonu<&sol;strong><&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Znajd&zacute; plik index&period;php motywu&colon;<&sol;strong> Zaloguj si&eogon; do panelu Joomla &lpar;administrator&rpar;&period; Przejd&zacute; do <strong>System &gt&semi; Site Templates &lpar;Szablony witryny&rpar;<&sol;strong> i wybierz swój aktywny szablon&comma; nast&eogon;pnie opcj&eogon; <strong>Edytuj<&sol;strong>&period; Otwórz plik g&lstrok;ówny szablonu – zazwyczaj <code>index&period;php<&sol;code>&ZeroWidthSpace;&period; &lpar;W Joomla 4 interfejs edycji plików pozwala to zrobi&cacute; wprost z panelu&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Wstaw kod w <code>&lt&semi;head&gt&semi;<&sol;code>&colon;<&sol;strong> W pliku <code>index&period;php<&sol;code> znajd&zacute; sekcj&eogon; z nag&lstrok;ówkiem HTML&period; Najcz&eogon;&sacute;ciej zobaczysz tam znaczniki <code>&lt&semi;head&gt&semi;<&sol;code> i na ko&nacute;cu <code>&lt&semi;&sol;head&gt&semi;<&sol;code>&period; <strong>Wklej kod FastTony Pixel tu&zdot; przed <code>&lt&semi;&sol;head&gt&semi;<&sol;code><&sol;strong>&ZeroWidthSpace;&period; Upewnij si&eogon;&comma; &zdot;e jest we w&lstrok;a&sacute;ciwym miejscu pomi&eogon;dzy innymi meta tagami i skryptami&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li>Zapisz zmiany pliku&period; Po od&sacute;wie&zdot;eniu strony Joomla powinna mie&cacute; ju&zdot; osadzony piksel &lpar;sprawd&zacute; poprzez podgl&aogon;d kodu strony lub Pixel Helper&rpar;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>Opcja B&colon; W&lstrok;asny modu&lstrok; typu &OpenCurlyDoubleQuote;HTML Custom”<&sol;strong> &lpar;bez edycji plików&rpar;&colon;<&sol;p>

<ol class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li>W Joomla mo&zdot;esz utworzy&cacute; modu&lstrok;&comma; który wstrzyknie kod do nag&lstrok;ówka&period; Skorzystaj z rozszerzenia <strong>Custom Code in Head<&sol;strong> &lpar;dost&eogon;pne w Joomla Extensions Directory&rpar; lub utwórz w&lstrok;asny modu&lstrok; typu HTML&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Utwórz nowy modu&lstrok;&colon;<&sol;strong> W panelu admina Joomla przejd&zacute; do <strong>Rozszerzenia &gt&semi; Modu&lstrok;y &gt&semi; Nowy<&sol;strong> i wybierz typ <strong>W&lstrok;asny &lpar;Custom&rpar;<&sol;strong>&period; W tre&sacute;ci modu&lstrok;u w&lstrok;&aogon;cz edycj&eogon; HTML &lpar;prze&lstrok;&aogon;cz edytor na tryb kodu&rpar; i wklej kod piksela w ca&lstrok;o&sacute;ci&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Ustaw pozycj&eogon; modu&lstrok;u na <code>debug<&sol;code> lub inn&aogon; niewidoczn&aogon;<&sol;strong> w szablonie oraz <strong>ustaw wy&sacute;wietlanie na wszystkich stronach<&sol;strong>&period; Wa&zdot;ne&colon; wiele szablonów ma pozycj&eogon; <code>debug<&sol;code> lub podobn&aogon;&comma; która jest wyrenderowana wysoko w kodzie strony – modu&lstrok; osadzony w takiej pozycji spowoduje dodanie kodu w sekcji head&period; &lpar;Je&sacute;li u&zdot;ywasz dedykowanego pluginu &OpenCurlyDoubleQuote;Custom code in head”&comma; on sam zadba o to&comma; &zdot;eby kod znalaz&lstrok; si&eogon; w <code>&lt&semi;head&gt&semi;<&sol;code>&ZeroWidthSpace;&rpar;&period; Zapisz i sprawd&zacute; stron&eogon;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ol>

<p><strong>&Sacute;ledzenie zdarze&nacute;&colon;<&sol;strong> Joomla sama w sobie nie ma sklepu &lpar;to raczej platforma CMS&rpar;&period; Je&sacute;li Twój serwis Joomla to np&period; witryna firmowa&comma; wystarczy podstawowy kod &lpar;PageView&rpar;&period; Je&sacute;li korzystasz z komponentu sklepowego &lpar;VirtueMart&comma; J2Store czy inny&rpar; – poszukaj integracji Facebook Pixel dla tego komponentu lub dodaj zdarzenia analogicznie jak dla innych platform &lpar;kod <code>Purchase<&sol;code> na stronie potwierdzenia zamówienia&comma; itp&period;&rpar;&period;<&sol;p>

<p>Pami&eogon;taj&comma; &zdot;e <strong>bezpo&sacute;rednie osadzenie skryptu w <code>&lt&semi;head&gt&semi;<&sol;code> jest preferowane<&sol;strong> – dzi&eogon;ki temu piksel &lstrok;aduje si&eogon; od razu przy wczytywaniu strony&comma; co zapewnia wi&eogon;ksz&aogon; skuteczno&sacute;&cacute; zbierania danych&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-weryfikacja-poprawnosci-instalacji”>Weryfikacja poprawno&sacute;ci instalacji<&sol;h2>

<p>Po zainstalowaniu FastTony Pixel na stronie&comma; nale&zdot;y sprawdzi&cacute;&comma; czy dzia&lstrok;a on prawid&lstrok;owo&colon;<&sol;p>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Facebook Pixel Helper&colon;<&sol;strong> Najprostszym sposobem jest u&zdot;ycie oficjalnej wtyczki do przegl&aogon;darki <strong>Meta &lpar;Facebook&rpar; Pixel Helper<&sol;strong>&ZeroWidthSpace;&period; Dost&eogon;pna jest dla Chrome &lpar;i innych popularnych przegl&aogon;darek&rpar;&period; Po zainstalowaniu ikonka Pixel Helper poka&zdot;e&comma; czy na danej stronie wykryto piksel i jakie zdarzenia zosta&lstrok;y wys&lstrok;ane&period; Je&sacute;li piksel zosta&lstrok; poprawnie osadzony w <code>&lt&semi;head&gt&semi;<&sol;code>&comma; Pixel Helper powinien wykry&cacute; przynajmniej zdarzenie &OpenCurlyDoubleQuote;PageView” przy wczytaniu strony&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Podgl&aogon;d w kodzie strony&colon;<&sol;strong> Mo&zdot;esz tak&zdot;e w przegl&aogon;darce wy&sacute;wietli&cacute; &zacute;ród&lstrok;o HTML swojej strony &lpar;prawy klik -&gt&semi; &OpenCurlyDoubleQuote;Poka&zdot; &zacute;ród&lstrok;o strony”&rpar; i wyszuka&cacute; fragment <code>pixel&period;fasttony&period;com<&sol;code> – je&sacute;li znajduje si&eogon; w sekcji <code>&lt&semi;head&gt&semi;<&sol;code>&comma; oznacza to&comma; &zdot;e kod zosta&lstrok; dodany&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Mened&zdot;er zdarze&nacute; Facebook &lpar;Events Manager&rpar;&colon;<&sol;strong> Wejd&zacute; do Facebook Business Manager &gt&semi; Mened&zdot;er zdarze&nacute; i wybierz swojego Pixela&period; Skorzystaj z funkcji <strong>Testowanie zdarze&nacute;<&sol;strong> – wpisz adres swojej strony i zobacz&comma; czy Facebook odbiera zdarzenia w czasie rzeczywistym&period; Powiniene&sacute; zobaczy&cacute; pojawiaj&aogon;ce si&eogon; zdarzenia PageView&comma; a po wykonaniu akcji na stronie &lpar;dodanie produktu do koszyka&comma; zakup testowy itp&period;&rpar; odpowiednie zdarzenia e-commerce&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –>&NewLine;&NewLine;<&excl;– wp&colon;list-item –>&NewLine;<li><strong>Brak b&lstrok;&eogon;dów w konsoli&colon;<&sol;strong> Otwórz konsol&eogon; JavaScript na stronie &lpar;F12 w przegl&aogon;darce&rpar; i sprawd&zacute;&comma; czy nie ma b&lstrok;&eogon;dów zwi&aogon;zanych z pixelem &lpar;np&period; brakuj&aogon;cy <code>fbq<&sol;code> lub inne&rpar;&period; Je&sacute;li doda&lstrok;e&sacute; kod poprawnie&comma; nie powinno by&cacute; b&lstrok;&eogon;dów – biblioteka piksela powinna za&lstrok;adowa&cacute; si&eogon; z serwera FastTony&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Je&sacute;li Pixel Helper <em>nie wykrywa piksela<&sol;em>&comma; upewnij si&eogon;&comma; &zdot;e&colon; a&rpar; kod jest dok&lstrok;adnie taki&comma; jak podany &lpar;&zdot;adnych literówek&comma; np&period; cudzys&lstrok;owów itp&period;&rpar;&comma; b&rpar; znalaz&lstrok; si&eogon; wewn&aogon;trz <code>&lt&semi;head&gt&semi;&period;&period;&period;&lt&semi;&sol;head&gt&semi;<&sol;code> strony &lpar;nie w <code>&lt&semi;body&gt&semi;<&sol;code>&rpar;&comma; c&rpar; skrypt nie zosta&lstrok; zablokowany przez np&period; wtyczk&eogon; blokuj&aogon;c&aogon; reklamy&period; Pami&eogon;taj&comma; aby na czas testów wy&lstrok;&aogon;czy&cacute; AdBlocka i inne blokery&comma; gdy&zdot; potrafi&aogon; one ukrywa&cacute; obecno&sacute;&cacute; piksela&period;<&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-konfiguracja-pelnego-zakresu-zdarzen-product-feed”>Konfiguracja pe&lstrok;nego zakresu zdarze&nacute; &lpar;product feed&rpar;<&sol;h2>

<p>Aby w pe&lstrok;ni wykorzysta&cacute; FastTony Pixel &lpar;szczególnie do kampanii dynamicznych z katalogiem produktów&rpar;&comma; musisz zapewni&cacute; &sacute;ledzenie pe&lstrok;nego zakresu standardowych zdarze&nacute; e-commerce&period; Oznacza to&comma; &zdot;e piksel powinien wysy&lstrok;a&cacute; co najmniej&colon; PageView&comma; ViewContent &lpar;wy&sacute;wietlenie szczegó&lstrok;ów produktu&rpar;&comma; AddToCart&comma; InitiateCheckout&comma; Purchase&comma; a opcjonalnie te&zdot; Search&comma; AddToWishlist – zale&zdot;nie od funkcji sklepu&period; Ka&zdot;de z tych zdarze&nacute; powinno zawiera&cacute; parametry &lpar;zw&lstrok;aszcza identyfikator produktu&comma; czyli content&lowbar;ids lub pojedynczy content&lowbar;id&comma; a tak&zdot;e warto&sacute;&cacute; transakcji przy zakupie&comma; walut&eogon; itp&period;&rpar;&comma; które s&aogon; zgodne z danymi w Twoim feedzie produktowym&period; Dzi&eogon;ki temu Facebook b&eogon;dzie móg&lstrok; dopasowa&cacute; zdarzenia do konkretnych produktów w katalogu i kierowa&cacute; reklamy dynamiczne do osób&comma; które ogl&aogon;da&lstrok;y lub doda&lstrok;y te produkty do koszyka&ZeroWidthSpace;&period;<&sol;p>

<p>Je&sacute;li Twoja platforma <strong>obs&lstrok;ugiwa&lstrok;a dot&aogon;d tylko podanie ID Pixel<&sol;strong> &lpar;np&period; poprzez panel administracyjny bez mo&zdot;liwo&sacute;ci wklejenia w&lstrok;asnych skryptów&rpar;&comma; to prawdopodobnie <strong>pewne zdarzenia by&lstrok;y domy&sacute;lnie wysy&lstrok;ane<&sol;strong>&comma; ale nie zawsze wszystkie wymagane&period; Przyk&lstrok;adowo&comma; platforma mog&lstrok;a &sacute;ledzi&cacute; PageView i Purchase&comma; ale brakowa&lstrok;o zdarze&nacute; ViewContent lub AddToCart – a te s&aogon; krytyczne dla remarketingu dynamicznego&period; W takiej sytuacji&colon;<&sol;p>

<p><strong>Testuj w Mened&zdot;erze zdarze&nacute;<&sol;strong>&colon; U&zdot;yj zak&lstrok;adki <strong>Test Events<&sol;strong> w Facebook Events Manager&comma; aby na bie&zdot;&aogon;co &sacute;ledzi&cacute;&comma; które zdarzenia dochodz&aogon; podczas interakcji ze sklepem&period; Porównaj list&eogon; ze standardami Facebooka – wymagane s&aogon; przede wszystkim&colon; ViewContent&comma; AddToCart&comma; Purchase &lpar;do Advantage&plus; Catalog Ads&rpar;&ZeroWidthSpace;&period; Brak którego&sacute; – uzupe&lstrok;nij implementacj&eogon;&period;<br><&sol;p>

<p><strong>Sprawd&zacute; dokumentacj&eogon; swojej platformy<&sol;strong>&colon; dowiedz si&eogon;&comma; jakie zdarzenia s&aogon; obs&lstrok;ugiwane natywnie po wpisaniu ID Pixel&period;<&sol;p>

<p><strong>Dodaj brakuj&aogon;ce zdarzenia r&eogon;cznie<&sol;strong>&colon; Je&sacute;li platforma nie wysy&lstrok;a którego&sacute; ze standardowych zdarze&nacute;&comma; wykorzystaj mechanizmy dodawania w&lstrok;asnych skryptów &lpar;omówione powy&zdot;ej dla ka&zdot;dej platformy&rpar; aby je wdro&zdot;y&cacute;&period; Np&period; do&lstrok;ó&zdot; skrypt <code>fbq&lpar;’track’&comma; 'AddToCart’&comma; &lbrace;&period;&period;&period;&rcub;&rpar;<&sol;code> tam&comma; gdzie brakuje &lpar;po dodaniu produktu do koszyka&rpar; itp&period;<&sol;p>

<p>Pami&eogon;taj te&zdot; o <strong>parametrach zdarze&nacute;<&sol;strong>&colon; dla <strong>ViewContent&sol;AddToCart&sol;Purchase<&sol;strong> konieczne jest przesy&lstrok;anie identyfikatora produktu &lpar;<code>content&lowbar;id<&sol;code> lub <code>content&lowbar;ids<&sol;code>&rpar; oraz np&period; jego warto&sacute;ci <code>value<&sol;code> i waluty <code>currency<&sol;code> dla Purchase&period; Identyfikator powinien dok&lstrok;adnie odpowiada&cacute; ID &lpar;lub SKU&rpar; u&zdot;ywanemu w pliku produktowym &lpar;feed&rpar; za&lstrok;adowanym do katalogu Facebook&period; W przeciwnym razie Facebook nie &OpenCurlyDoubleQuote;skojarzy” zdarzenia z produktem i reklamy dynamiczne nie zadzia&lstrok;aj&aogon;&period; Fragment kodu z parametrami mo&zdot;e wygl&aogon;da&cacute; np&period; tak &lpar;przyk&lstrok;ad ogólny&rpar;&colon;<&sol;p>

<pre class&equals;”wp-block-code”><code>&lt&semi;script&gt&semi;&NewLine; fbq&lpar;’track’&comma; 'ViewContent’&comma; &lbrace;&NewLine; content&lowbar;ids&colon; &&num;91&semi;’PROD123’&rsqb;&comma; &sol;&sol; ID produktu zgodny z feedem&NewLine; content&lowbar;type&colon; 'product’&comma;&NewLine; currency&colon; 'PLN’&comma;&NewLine; value&colon; 199&period;99&NewLine; &rcub;&rpar;&semi;&NewLine;&lt&semi;&sol;script&gt&semi;&NewLine;<&sol;code><&sol;pre>

<p>Analogicznie dla AddToCart i Purchase &lpar;Purchase dodatkowo zwykle <code>num&lowbar;items<&sol;code> oraz suma transakcji&rpar;&period; Upewnij si&eogon;&comma; &zdot;e te warto&sacute;ci s&aogon; dynamicznie wstawiane przez platform&eogon; &lpar;np&period; zmienne szablonu&rpar;&period;<&sol;p>

<p>Je&sacute;li masz trudno&sacute;&cacute; z samodzielnym dodaniem zdarze&nacute;&comma; rozwa&zdot; skorzystanie z oficjalnych integracji Facebooka dla danej platformy &lpar;o ile nie powoduj&aogon; konfliktów&rpar; <em>lub<&sol;em> zasi&eogon;gnij pomocy dewelopera znaj&aogon;cego dan&aogon; platform&eogon;&period; <strong>Pe&lstrok;ny zakres zdarze&nacute; i poprawne parametry s&aogon; konieczne<&sol;strong>&comma; aby FastTony Pixel móg&lstrok; zasila&cacute; Twoje kampanie &lpar;np&period; remarketing dynamiczny&rpar; w&lstrok;a&sacute;ciwymi danymi o zachowaniach klientów&ZeroWidthSpace;&period;<a href&equals;”https&colon;&sol;&sol;leadsbridge&period;com&sol;blog&sol;facebook-dynamic-ads-guide&sol;&num;&colon;~&colon;text&equals;3&comma;item&percnt;20ID&percnt;20in&percnt;20your&percnt;20catalog” target&equals;”&lowbar;blank” rel&equals;”noreferrer noopener”><&sol;a><&sol;p>

<h2 class&equals;”wp-block-heading” id&equals;”h-wskazowki-dotyczace-optymalizacji-dzialania-pixela”>Wskazówki dotycz&aogon;ce optymalizacji dzia&lstrok;ania Pixela<&sol;h2>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Unikaj podwójnej instalacji<&sol;strong>&colon; Upewnij si&eogon;&comma; &zdot;e kod FastTony Pixel jest dodany tylko raz na stronie&period; Nie dodawaj go jednocze&sacute;nie przez GTM i bezpo&sacute;rednio&comma; ani nie u&zdot;ywaj równolegle wtyczki&comma; która równie&zdot; osadza piksel &lpar;to prowadzi do dublowania zdarze&nacute;&rpar;&period; Podwójne piksele mog&aogon; powodowa&cacute; zafa&lstrok;szowanie danych &lpar;np&period; ka&zdot;de zdarzenie liczone dwa razy&rpar;&period; Wybierz jedn&aogon; metod&eogon; implementacji i konsekwentnie si&eogon; jej trzymaj&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Asynchroniczne &lstrok;adowanie<&sol;strong>&colon; Powy&zdot;szy kod zawiera atrybuty <code>async defer<&sol;code>&comma; co oznacza&comma; &zdot;e przegl&aogon;darka &lstrok;aduje skrypt FastTony w tle&comma; nie blokuj&aogon;c renderowania strony&period; Jest to najlepsza praktyka – je&sacute;li dodajesz jakiekolwiek w&lstrok;asne wywo&lstrok;ania <code>fbq&lpar;&period;&period;&period;&rpar;&semi;<&sol;code> bezpo&sacute;rednio w <code>&lt&semi;head&gt&semi;<&sol;code>&comma; umie&sacute;&cacute; je <strong>za<&sol;strong> tym skryptem lub w <code>async<&sol;code> do niego&period; Sam skrypt FastTony jest hostowany zewn&eogon;trznie – nie modyfikuj go&comma; gdy&zdot; ewentualne zmiany mog&lstrok;yby zak&lstrok;óci&cacute; jego asynchroniczne dzia&lstrok;anie&ZeroWidthSpace;&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Lokalizacja kodu<&sol;strong>&colon; Trzymaj kod piksela wysoko w sekcji <code>&lt&semi;head&gt&semi;<&sol;code> &lpar;najlepiej zaraz po znacznikach meta&rpar;&period; Im wcze&sacute;niej na stronie zostanie wywo&lstrok;any&comma; tym wi&eogon;ksza szansa&comma; &zdot;e zd&aogon;&zdot;y zarejestrowa&cacute; odwiedziny nawet u&zdot;ytkowników z bardzo krótk&aogon; sesj&aogon;&period; Facebook zaleca umieszczanie pixelu w <code>&lt&semi;head&gt&semi;<&sol;code> w&lstrok;a&sacute;nie z tego wzgl&eogon;du – dzi&eogon;ki temu nawet je&sacute;li u&zdot;ytkownik szybko opu&sacute;ci stron&eogon;&comma; zdarzenie PageView zostanie wys&lstrok;ane&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Zaawansowane dopasowanie i CAPI<&sol;strong>&colon; Rozwa&zdot; w&lstrok;&aogon;czenie tzw&period; <em>Advanced Matching<&sol;em> oraz <em>Conversions API<&sol;em> dla pe&lstrok;ni danych&period; Advanced Matching to mechanizm dopasowuj&aogon;cy u&zdot;ytkowników na podstawie np&period; adresu e-mail lub numeru telefonu &lpar;je&sacute;li te dane zbierasz – np&period; w trakcie zakupu&rpar;&period; Conversion API &lpar;CAPI&rpar; wysy&lstrok;a zdarzenia z serwera&comma; omijaj&aogon;c przegl&aogon;dark&eogon;&period; FastTony Pixel mo&zdot;e oferowa&cacute; integracj&eogon; z CAPI &lpar;warto to sprawdzi&cacute; w dokumentacji FastTony – nazwa &OpenCurlyDoubleQuote;Pixel i API” sugeruje&comma; &zdot;e mo&zdot;e on &lstrok;&aogon;czy&cacute; dzia&lstrok;anie piksela i API konwersji&rpar;&period; Je&sacute;li tak&comma; <strong>skonfiguruj token dost&eogon;pu<&sol;strong> i w&lstrok;&aogon;cz CAPI wed&lstrok;ug instrukcji FastTony&comma; aby zwi&eogon;kszy&cacute; odporno&sacute;&cacute; &sacute;ledzenia na blokady &lpar;np&period; ITP&comma; adblock&rpar;&period; W przypadku np&period; wtyczki PixelYourSite opcje te na WordPressie w&lstrok;&aogon;cza si&eogon; jednym klikni&eogon;ciem&ZeroWidthSpace;&period; Sprawd&zacute;&comma; czy FastTony Pixel automatycznie tego nie obs&lstrok;uguje – je&sacute;li nie&comma; skontaktuj si&eogon; z supportem FastTony w celu instrukcji integracji CAPI&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Testuj wp&lstrok;yw na wydajno&sacute;&cacute;<&sol;strong>&colon; Piksel Facebooka nie powinien znacz&aogon;co obci&aogon;&zdot;a&cacute; strony&comma; ale monitoruj ogólny czas &lstrok;adowania&period; Narz&eogon;dzia jak Chrome DevTools &lpar;zak&lstrok;adka <em>Network<&sol;em>&rpar; czy PageSpeed Insights poka&zdot;&aogon;&comma; czy skrypt piksela nie wyd&lstrok;u&zdot;a czasu &lstrok;adowania&period; Dzi&eogon;ki async&sol;defer wp&lstrok;yw powinien by&cacute; minimalny&ZeroWidthSpace;&comma; ale je&sacute;li zauwa&zdot;ysz spowolnienie&comma; upewnij si&eogon;&comma; &zdot;e nie ma konfliktów z innymi skryptami&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<ul class&equals;”wp-block-list”><&excl;– wp&colon;list-item –>&NewLine;<li><strong>Aktualizacje i zmiany<&sol;strong>&colon; Je&sacute;li z czasem zmienisz motyw&comma; szablon lub platform&eogon;&comma; pami&eogon;taj o ponownej instalacji kodu FastTony Pixel w nowym &sacute;rodowisku &lpar;kod nie przeniesie si&eogon; automatycznie&rpar;&period; Równie&zdot;&comma; gdy FastTony wyda aktualizacje lub nowe zalecenia implementacyjne&comma; dostosuj swój kod &lpar;np&period; zmiana adresu skryptu czy dodanie dodatkowych parametrów&rpar; – b&aogon;d&zacute; na bie&zdot;&aogon;co z komunikatami od FastTony&period;<&sol;li>&NewLine;<&excl;– &sol;wp&colon;list-item –><&sol;ul>

<p>Na koniec&comma; upewnij si&eogon;&comma; &zdot;e <strong>dane z piksela zbieraj&aogon; si&eogon; prawid&lstrok;owo w Mened&zdot;erze Reklam Facebooka<&sol;strong>&period; Dobrze skonfigurowany FastTony Pixel w <code>&lt&semi;head&gt&semi;<&sol;code> z pe&lstrok;nym zestawem zdarze&nacute; pozwoli Ci precyzyjnie &sacute;ledzi&cacute; konwersje i budowa&cacute; grupy odbiorców&comma; bez konfliktów z innymi skryptami&period; Powodzenia w implementacji&excl;<&sol;p>