Dynamiczna treść na landing page’u

Zaktualizowano: 5 sierpnia, 2020 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 landingu.

       

      Kliknij w poniższe linki, aby zobaczyć, jak zmienia się nagłówek w zależności od parametru przekazanego w adresie URL.

      https://www.landpage.co/my-trip?destination=Venetia

      https://www.landpage.co/my-trip

      dynamic_text_EN1

      Link z parametrami powinen być zbudowany na podstawie schematu poniżej:

      landingpage_URL?parameter=value

      Parametry w adresie URL rozpoczynają się po znaku „?”; w naszym przykładzie jest to parametr „destination”.

      Aby wyświetlić dynamiczną treść na landing page’u w platformie Landingi, powinieneś spełnić trzy warunki:

      • Link do Twojego landinga posiada odpowiednie parametry.
      • Na landing page’u wkleiłeś kod JavaScript, który je przechwyci.
      • Odpowiednio oznaczyłeś treść na swoim landing page’u (w edytorze).

      Jak wyświetlać dynamiczną treść na landingu?

      Krok I (Dashboard) – przechwytywanie parametrów z adresu URL landinga 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 skrypt. 

      2. Wklej poniższy kod na pozycji Body na dole na Stronie głównej landinga i zapisz zmiany.

      < script type = "text/javascript"
      src = "https://scripts.assets-landingi.com/customer-success/dynamic_replacement/dynamic.min.js" > < /script>
      

      Krok II (edytor) – oznaczenie dynamicznej treści na landingu

      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%

      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.

      2020-02-04_11-33-00

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

      share

      Czy ta instrukcja była pomocna?