Einbinden von Facebook Messenger in den Jitterbit App Builder

Anweisungen

Holen Sie sich hier eine App-ID https://developers.facebook.com/apps
- Kostenlose Anmeldung
Holen Sie sich hier Ihre Facebook-Seiten-ID https://www.facebook.com/business/help/2814101678867149
- Die Seiten-ID ist ein numerischer Wert, eine Vanity-URL funktioniert nicht.
Gehen Sie auf der Facebook-Fanpage, die das Ziel von Messenger ist, zu „Einstellungen“ > „Messenger-Plattform“ > „Whitelisted Domains“.
- Dies muss eine HTTPS-Website sein.
- IP-Adressen und lokaler Host funktionieren nicht
- Klicken Sie unbedingt auf „Speichern“!

Erstellen Sie eine neue HTML-Vorlage in App Builder und kopieren Sie den untenstehenden Code, wobei Sie Ihre App-ID und Seiten-ID ersetzen, die Sie in den obigen Schritten erhalten haben.

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : '[AppID]',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
  (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 = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="[PageId]"></div>

Fügen Sie das HTML-Steuerelement zur Seite Ihrer Wahl hinzu. Sobald es geladen ist, folgt es Ihnen durch die gesamte App.

Hinweise

Das funktioniert auch mobil!
Der Endbenutzer muss sich bei Facebook anmelden, um korrespondieren zu können. Es gibt ein alternatives Plugin, das nur eine Einwegnachricht vom Benutzer an das Unternehmen zulässt.
Es gibt viele Anpassungsmöglichkeiten, automatische Antworten, Farben usw. Hier ist die Dokumentation von Facebook.
Standardmäßig wird das Fenster auf dem Desktop angezeigt. Auf Mobilgeräten wird es minimiert. Der Desktop kann für dasselbe Verhalten konfiguriert werden.