Gắn Facebook Chat vào Google Tag Manager

Plugin trò chuyện với khách hàng (Customer Chat) web/blog trò chuyện với khách hàng, độc giả dễ dàng nhất. Với việc cài đặt plugin Customer Chat Facebook này lên web sẽ giúp khách hàng của bạn có thể dễ dàng trò chuyện với fanpage của bạn thông qua tài khoản Facebook Messenger.

Mã nhúng

Nhập đoạn mã bên dưới vào thẻ HTML

<script>

    window.fbAsyncInit = function() {

        FB.init({

            appId            : 'APP_ID', // paste your app ID or variable

            autoLogAppEvents : true,

            xfbml            : true,

            version          : 'v2.11'

        });

         FB.Event.subscribe('customerchat.dialogShow',

                        function () {

                            dataLayer.push({ "event": "gaevent", "eventCategory": "kontakt", "eventAction": "chat", "eventLabel": "{{Page Path}}" });

                        }

                 );

    };  

  (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/xfbml.customerchat.js";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<script>

(function() {

    var el = document.createElement('div');

    el.className = 'fb-customerchat';

    el.setAttribute('page_id', 'PAGE_ID'); // paste your Facebook ID from code generated by FB page

    el.setAttribute('attribution', 'setup_tool');

    el.setAttribute('logged_in_greeting', 'Hi! How can we help you with your American Dream?');

    el.setAttribute('logged_out_greeting', 'Hi! How can we help you with your American Dream?');

    el.setAttribute('greeting_dialog_display', 'hide');

    document.body.appendChild(el);

   })();  

</script>