iT邦幫忙

0

[FB API] 使用 FB Messenger API,想要客製化 Messenger

  • 分享至 

  • xImage

使用 FB Messenger API 嵌入自己網頁,想要客製化 Messenger,要如何達到呢?

我直接嵌入以下程式碼在自己網頁:

<div class="fb-customerchat"
    page_id=""
    minimized="true"  >
</div>

<!-- fb api-->
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId            : '',
        autoLogAppEvents : true,
        xfbml            : true,
        version          : 'v3.0'
      });
    };
  
    (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>

即可得到一個 messenger 在網頁右下角
我想要改變其顏色或位置,是否可以使用 css 來更改,因為試了幾次都失敗,所以想詢問看看,謝謝!

q00153 iT邦新手 3 級 ‧ 2018-06-19 08:55:55 檢舉
俺 Google 到這個~
看看是不是您要的
https://blog.messengerdevelopers.com/https-blog-messengerdevelopers-com-how-to-customize-the-customer-chat-plugin-336b6b60ca3
謝啦~ 我昨天也有找到這個,可以成功修改顏色,但無法改位置,官方文件也提到強烈建議不要修改位置
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答