Przejdź do treści

Instalacja WP Pixel

Metody implementacji

✅ Wsparcie działu technicznego WP

Zdarzenia WP Pixel mogą zostać wdrożone przy pomocy działu technicznego WP. Implementacja tą metodą składa się z dwóch etapów:
1. Wdrożenie przez klienta skryptu osadzenia.
2. Kontakt do Opiekuna Klienta lub z Supportem WP Ads (support@ads.wp.pl) w celu przekazania prośby o implementację pozostałych zdarzeń przez dział techniczny Wirtualnej Polski.

✅ Integracja na platformie ecommerce za pomocą dedykowanej wtyczki

WP Pixel można wdrożyć za pomocą gotowych integracji z platformami ecommerce. Lista dostępnych integracji wraz z instrukcjami wdrożenia

✅ Implementacja skryptów wyłącznie przez klienta (lub jego zespół developerski)

  1. Wdrożenie skryptu osadzenia.
  2. Wdrożenie pozostałych skryptów, tj. zdarzeń e-commerce oraz zdarzeń dodatkowych

✅ Implementacja skryptów poprzez SDK aplikacji mobilnych

Wirtualna Polska przygotowała pakiet bibliotek SDK na potrzeby wdrożenia WP Pixel do aplikacji mobilnych. Dokumentacja wdrożenia WP Pixel tą metodą dostępna jest tutaj.

✅ Implementacja skryptów poprzez GTM

Jeśli masz konto Google Tag Manager powiązane ze swoją stroną internetową, możesz dodać skrypt osadzenia za jego pośrednictwem. Google Tag Manager (GTM, Menedżer tagów Google) to system zarządzania tagami umożliwiający szybkie i łatwe aktualizowanie kodów śledzenia i powiązanych fragmentów kodu, czyli tagów, w witrynie lub aplikacji mobilnej. Dowiedz się więcej tutaj.

Skrypt osadzenia

Implementacja na każdej stronie witryny. Rekomendowane jest, aby skrypt został umieszczony w sekcji <head> lub na koniec <body>. Łańcuch znaków PIXEL_ID, który pojawia się dwa razy w skrypcie, należy zastąpić wygenerowanym identyfikatorem.

Ponadto skrypt dopuszcza przekazanie dodatkowych parametrów. Parametry identyfikujące użytkownika nie są obowiązkowe, jednak zarówno em jak i ltid pozwolą aktywować kampanie w środowisku bez Third-Party Cookies - obecnie na przeglądarkach Safari, Firefox, ale w przyszłości również na przeglądarce Chrome.

W przypadku rezygnacji z przekazywania dodatkowych parametrów, należy usunąć zapis , DODATKOWE_PARAMETRY ze skryptu, jeśli się w nim znajduje.

Domyślny skrypt z polem na dodatkowe parametry

!function(w,p,e,v,n,t,s){w['WphTrackObject'] = n; w[n] = window[n] || function() {(w[n].queue=w[n].queue||[]).push(arguments)}, w[n].l = 1 * new Date(), t=p.createElement(e), s=p.getElementsByTagName(e)[0], t.async=1;t.src=v;s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://pixel.wp.pl/w/PIXEL_ID/tr.js', 'wph'); wph('init', 'PIXEL_ID', DODATKOWE_PARAMETRY);

Osadź skrypt Pixla na swojej stronie w 3 prostych krokach (bez parametrów dodatkowych)

  1. Wpisz w ramkę swój PIXEL_ID i zatwierdź:
  2. Skopiuj poniższy blok kodu
    <script>
        !function(w,p,e,v,n,t,s){w['WphTrackObject'] = n;
        w[n] = window[n] || function() {(w[n].queue=w[n].queue||[]).push(arguments)},
        w[n].l = 1 * new Date(), t=p.createElement(e), s=p.getElementsByTagName(e)[0],
        t.async=1;t.src=v;s.parentNode.insertBefore(t,s)}(window,document,'script',
        'https://pixel.wp.pl/w/PIXEL_ID/tr.js', 'wph');
        wph('init', 'PIXEL_ID');
    </script>
    
  3. Wklej go w źródło strony lub w odpowiednie miejsce w wybranym modelu implementacji.
  4. Poproś o weryfikację. Jeżeli na Twojej witrynie znajduje się już Google Analytics, bardzo prawdopodobne, że skrypt został zintegrowany poprawnie. Jednak, po osadzeniu skryptu proponujemy skontaktować się z opiekunem WP w celu weryfikacji. Gotowe!

Skrypty zdarzeń

Po wdrożeniu skryptu osadzenia, kolejnym etapem jest wdrożenie pozostałych kodów WP Pixel: