综述

只要在网站上部署Bothub的Remarketing SDK(以下简称SDK),就可以轻松的在Messenger上进行订单回执发送,购物车提醒,优惠信息提示等再营销。SDK可以集成在用户自行部署的各种主流电商网站上。

SDK提供了登录,将商品加入购物车和愿望清单等事件,以及下订单等事件的跟踪,并且可以根据事件进行相应的消息推送。事件和Facebook Analytics的相应事件保持了最大程度的一致以便于开发以及在Facebook Analytics中查看事件统计。

浏览器兼容性

IE 8+
Firefox 25+
Chrome 15+

配置方式

在任何需要发送事件的页面中添加如下代码。配置有两种方式,分别如下所述

网站没加载facebook sdk时加载方式

1.添加checkbox

在恰当的位置放入

<div id="fb-messenger-checkbox" class="fb-messenger-checkbox"></div>

Facebook会将它转换成下图所示,当用户登录并勾选Send to Messenger,将会向用户发送Bothub后台设置好的内容,否则只进行数据统计。

2.添加js

<script>
window.BOTHUB = window.BOTHUB || {
    bot_id: '<VALUE>',                  // beta.bothub.ai webhook_id
    custom_user_id: '<VALUE>',          // 网站用户id,没有则为空
    facebook_page_id: '<VALUE>'         // 以该账号发送消息给用户
};
(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 = "//sdk.bothub.ai/bothub.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'bothub-jssdk'));
</script>

网站已有facebook sdk时加载方式

1.移除原有的

(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'));

2.如果原来已经有facebook回调代码

window.fbAsyncInit = function() {
    // anything here
}

//需要迁移到 配置代码的callback 完整如下
window.BOTHUB = window.BOTHUB || {
    // other config
    callback: function(self) {
        // 默认已经执行了 FB.init
        //FB.init({
        // appId: '<messenger_app_id>',
        // xfbml: true,
        // version: 'v2.6'
        //});
        console.log(self);
    }
};
(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 = "//sdk.bothub.ai/bothub.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'bothub-jssdk'));

3.加入checkbox

<!-- 如果此页面中的触发事件需要发送Messenger消息给用户,则需要加下面一行以导入facebook checkbox plugin -->
<div id="fb-messenger-checkbox" class="fb-messenger-checkbox"></div>

基本事件

商品添加到购物车

  • param {string} contentId 产品编号
  • param {string} contentType 物品类型
  • param {string} currency 币种 USD、CNY code from https://en.wikipedia.org/wiki/ISO_4217
  • param {number} price 金额

代码示例

// BOTHUB.Marketing.logAddedToCartEvent('2#/1-size-s/11-color-black','product','USD','26.99');

$(function() {
    $('.add-to-cart').click(function() {
        BOTHUB.Marketing.logAddedToCartEvent('<?= $product_id ?>','product','<?= $currency ?>','<?= $price ?>');
    });
});

商品添加到愿望单

  • param {string} contentId 产品编号
  • param {string} contentType 物品类型
  • param {string} currency 币种 USD、CNY code from https://en.wikipedia.org/wiki/ISO_4217
  • param {number} price 金额

代码示例

// BOTHUB.Marketing.logAddedToWishlistEvent('2#/1-size-s/11-color-black','product','USD','26.99');

购物车结算

  • param {string} contentId 订单号
  • param {string} contentType 物品类型
  • param {number} numItems 数量
  • param {boolean} paymentInfoAvailable 是否完成支付
  • param {string} currency 币种 USD、CNY code from https://en.wikipedia.org/wiki/ISO_4217
  • param {number} totalPrice 总金额

代码示例

// BOTHUB.Marketing.logInitiatedCheckoutEvent('JXUZPOJJX', 'product', 1, true, 'USD', '35.98');

自定义事件 logEvent

若需要涵盖预定义事件之外的其他事件,Bothub SDK也提供了自定义事件,可以自主定义事件名称和所选参数。

  • param {string} 事件名称
  • param {number} 累加值
  • param {object} 参数
BOTHUB.Marketing.logEvent('logined', 1, {sex:'male',age:18});

results matching ""

    No results matching ""