Zapewne wiesz, że od dawna możesz używać opcji umieszczania na stronie elementów z Facebooka, takich jak facebook'owy widget zliczający lajki, czy przycisk udostępniania. Jednak nie wszyscy wiedzą, że jest także możliwość użycia kodów HTML lub JavaScript, które odnoszą się do Messengera.
Innymi słowy, użytkownik za pomocą:

  • linku,
  • przycisku,
  • lub okna Messeneger'a,

może napisać wiadomość do Ciebie lub do Twojej strony na Facebook'u, za pośrednictwem landing page'a.

1. Umieszczanie linku do Messeneger'a na landing page'u.

Żeby móc korzystać z facebook'owej opcji wysyłania wiadomości do osoby prywatnej (tylko taka możliwość istnieje przy użyciu linka), zapoznaj się ze szczegółami niżej.

  1. W edytorze swojego landing page'a, dodaj w wybranym miejscu widget "Własny HTML".

   2. Wchodząc w jego edycję, dodaj następujący kod HTML:

Jedyne co musisz zmienić, to w miejsce XYZ dodaj nazwę swojego profilu na Facebook'u lub ID profilu.

  3. Po zapisaniu zmian w widgecie i opublikowaniu landing page'a, link do Messengera Twojego profilu powinien wyglądać tak:

2. Umieszczenie button'a do Messenger'a na landing page'u.

Żeby na Twoim landing page'u znalazł się przycisk, kierujący do Messengera Twojej facebookowej strony, przejdź następujące kroki:

  1. Tak w jak w pierwszym sposobie, będąc już w edytorze landing page'a, użyj widgetu "Własny" i wklej do niego poniższy HTML:

Jedyne co musisz zmienić, to w miejsce XYZ dodaj ID swojej strony na Facebooku.

<div class="fb-messengermessageus" 
         messenger_app_id="95100348886"
         page_id="XYZ"
         color="blue"
         size="large">
    </div>

2. Następnie, opublikuj landing page i "Wróć do kampanii".

3. Przejdź teraz do zakładki "Kody Javascript" i dodaj skrypt:

<script>      
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '95100348886',
          xfbml      : true,
          version    : 'v2.6'
        });
      };

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));      
    </script>

4. Po zapisaniu skryptu i przejściu na opublikowany landing page, Messenger Button będzie wyglądał tak:

3. Umieszczenie okna Messenger na landing page'u.

No i wreszcie trzeci sposób, który tak jak button stosuje się do wysyłki wiadomości na Twoją facebookową stronę. Jest to okno Messenger'a na stronie docelowej.

  1. Będąc już w edytorze landing page'a, użyj widgetu "Własny" i wklej do niego poniższy HTML:

Jedyne co musisz zmienić, to w miejsce XYZ dodaj ID swojej strony na Facebooku.

<div class="fb-page" 
         data-href="https://www.facebook.com/XYZ/"
         data-tabs="messages"
         data-width="400"
         data-height="300"
         data-small-header="true">
      <div class="fb-xfbml-parse-ignore">
        <blockquote></blockquote>
      </div>
</div>

2. Następnie, opublikuj landing page i "Wróć do kampanii".

3. Przejdź teraz do zakładki "Kody Javascript" i dodaj skrypt:

<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '95100348886',
          xfbml      : true,
          version    : 'v2.6'
        });
      };

      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>


4. Po zapisaniu skryptu i przejściu na opublikowany landing page, Messenger Box pojawi się w miejscu dodania widgetu z kodem HTML.

Po więcej informacji lub pomocy w przypadku problemów, zapraszamy Cię serdecznie do rozmowy z nami. Użyj ikony chatu w prawym, dolnym rogu okna 😊


            

Did this answer your question?