Dynamiczna treść na landing page’u

Zaktualizowano: 3 sierpnia, 2021 Autor: Avatar Justyna
share
Spis treści
share
Spis treści

Dynamiczna treść umożliwia personalizację i dostosowanie treści na stronie przez dodanie do adresu URL odpowiednich parametrów. Do landing page’y w platformie Landingi możesz z powodzeniem dodać dynamiczną treść, również w przypadku korzystania z Google Ads i dynamicznych słów kluczowych (dynamic keywords).

Przykład zastosowania dynamicznej treści

Użytkownicy wpisują do wyszukiwarki zupełnie odmienne hasła, poszukując Twojego produktu. Każdej z tych grup chcesz wyświetlać inny nagłówek, dostosowany do ich wyszukiwania, ale na takim samym landing page’u z takim samym adresem URL. Nie chcesz mieć wielu prawie identycznych stron, które będą się różnić tylko takim detalem – będzie to trudne w zarządzaniu. W takim wypadku przyda się umieszczenie dynamicznej treści na landing page'u.

Poniżej możesz zobaczyć, jak zmienia się nagłówek w zależności od parametru przekazanego w adresie URL.

Dynamiczne treści na landing page'u

Krok I (Dashboard) – przechwytywanie parametrów z adresu URL landing page'a za pomocą kodu JavaScript

1. Zaloguj się do platformy, przejdź do zakładki Landingi i wejdź w Dashboard wybranego landing page’a. Przejdź do zakładki Kody JavaScript i kliknij Dodaj kod.

dodaj kod java

2. Wklej poniższy kod w polu Treść. Wybierz pozycję Body – na dole na Stronie głównej landing page'a i zapisz zmiany.

Krok II (edytor) – oznaczenie dynamicznej treści na landing page'u

1. Przejdź do edytora landing page’a i dodaj odpowiednio oznaczony tekst w pożądanym miejscu, zgodnie z poniższym wzorem:

%{{parametr}}||tekst_domyślny%

W naszym przykładzie będzie to:

  • %{{destination}}||Italy%

Inne przykłady:

  • %{{name}}||Tom%
  • %{{nazwa_parametru}}||nowy_tekst%

Cała dynamiczna treść musi się znaleźć pomiędzy znakami ‘%’ .

W podwójnym nawiasie klamrowym podaj nazwę parametru, który ma zostać przekazany jako dynamiczna treść.

Po dwóch pionowych kreskach ||’ umieść alternatywny tekst, który wyświetli się za każdym razem, kiedy żaden parametr nie znajdzie się w adresie URL.

dynamic parameter landing page

2. Stwórz link. Weźmy za przykład adres www.adres_landing_page.com

Aby dodać parametr tekstu dynamicznego do URL landing page'a, dodaj do jego adresu ?’, nazwę parametru oraz nowy tekst. Link powinien wyglądać w następujący sposób:

  • www.adres_landing_page.com?destination=Italy
  • www.adres_landing_page.com?name=Tom
  • www.adres_landing_page.com?nazwa_parametru=nowy%20tekst%20tutaj

3. Po przejściu powyższych kroków sprawdź, czy dynamiczna treść wyświetla się na Twoim landing page'u poprawnie.

Parametr kilkuczłonowy

Gdy parametr w adresie URL Twojego landing page'a składa się z dwóch lub więcej członów, należy dodać %20 pomiędzy nimi, aby w treści strony były wyświetlane jako osobne słowa.

Przykład: parametr Twojego landing page'a składa się ze słów Rome i Italy. Aby tekst dynamiczny w treści był rozdzielony spacją – Rome Italy – URL powinien zawierać: Rome%20Italy.

  • www.adres_landing_page.com?destination=Rome%20Italy 
share

Czy ta instrukcja była pomocna?