Piwik PRO to platforma analityczna, kładąca nacisk na prywatność i bezpieczeństwo danych. Z tej instrukcji dowiesz się, jak zintegrować Piwik PRO z landing page’em stworzonym w Landingi, aby zbierać i analizować dane w tej platformie.
Pobierz kod śledzący z Piwik PRO
1. Zaloguj się na swoje konto w Piwik PRO.
2. Otwórz Menu i wybierz sekcję Administration.
![integracja Piwik PRO z Landingi - menu](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi1.png)
3. W zakładce Sites & apps znajdź landing page’a, którego chcesz dodać (1), lub dodaj nową stronę (2).
![integracja Piwik PRO z Landingi - dodaj stronę](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-2.png)
4. Przejdź do zakładki Installation i wybierz Install manually.
![integracja Piwik PRO z Landingi - instalacja kodu](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-3.png)
5. Skopiuj swój kod śledzący.
![skopiuj kod śledzący z Piwik PRO](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-4.png)
Zainstaluj kod w Landingi
1. Zaloguj się na swoje konto w Landingi i przejdź do Dashboardu landing page’a.
2. W zakładce Kody JavaScript kliknij Dodaj nowy kod.
![dodaj nowy kod javascript w Landingi](https://landingi.com/wp-content/uploads/2023/02/dodaj-nowy-js-4.png)
3. Nadaj nazwę (1) i wybierz pozycję Head (2) na obu (3) stronach. Wklej kod śledzący w pole treści (4). Zapisz, klikając Dodaj kod.
![dodawanie nowego kodu javascript do landing page'a](https://landingi.com/wp-content/uploads/2023/02/java-head-obie-1.png)
Kod od razu zacznie zbierać dane. W platformie Piwik PRO zobaczysz je po około godzinie w zakładce Menu > Analytics.
![integracja Piwik PRO z Landingi - analityka](https://landingi.com/wp-content/uploads/2023/02/piwik-analytics.png)
Ustawienia zgody na przetwarzanie danych
Zainstalowanie kodu śledzącego automatycznie włącza na stronie wyświetlanie baneru z formularzem zgody na przetwarzanie danych. Aby baner wyświetlał się poprawnie na landing page’u, dodaj do niego kod CSS wg poniższych kroków.
1. W edytorze landing page’a przejdź do Ustawień strony i kliknij Dodaj własny CSS.
![dodaj kod CSS w edytorze Landingi](https://landingi.com/wp-content/uploads/2023/02/dodaj-wlasny-css-2.png)
Podczas edycji do Ustawień strony wrócisz, klikając na strzałkę:
![Ustawienia strony landing page'a](https://landingi.com/wp-content/uploads/2023/02/ustawienia-strony.png)
2. Skopiuj poniższy kod:
#ppms_cm_popup_overlay,
#ppms_cm_popup_wrapper {
z-index: 99999 !important
}
3. Wklej kod CSS zarówno dla strony głównej, jak i strony podziękowania. Zapisz zmiany.
![dodawanie kodu CSS do landing page'a w Landingi](https://landingi.com/wp-content/uploads/2023/02/css-glowna-podziekowania.png)
4. Opublikuj landing page’a.
5. Aby edytować link polityki prywatności widoczny w banerze, w platformie Piwik PRO przejdź do Menu > Consent Manager.
![integracja Piwik PRO z Landingi - consent manager](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-5.png)
6. W zakładce Forms przejdź do Consent forms, a następnie wybierz rodzaj formularza zgody i kliknij Edit.
![integracja Piwik PRO z Landingi - consent forms](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-6.png)
7. W edytorze formularza kliknij link polityki prywatności (1) i w menu po prawej stronie rozwiń sekcję Interaction (2). Wpis adres URL prowadzący do Twojej polityki prywatności.
Zapisz zmiany (Save).
![edycja formularza zgody w Piwik PRO](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-7-1.png)
8. Możesz także skonfigurować inne ustawienia zgody lub wyłączenie baneru z formularzem w Menu > Administration > Site & apps > Privacy.
![ustawienia zgód marketingowych w Piwik PRO](https://landingi.com/wp-content/uploads/2023/02/piwik-landingi-8.png)
Zobacz wszystkie nasze integracje w Katalogu Integracji, aby poznać narzędzia, z którymi możesz połączyć Landingi.