Exabloom Webhook源 | Docs

入门

概述

Exabloom Webhook源通過配置 Webhook 工作流的方式將網站表單同步回 TTO CDP。

Exabloom 表單同步回 CDP

一、配置 Exabloom 源

Exabloom 源沒有額外參數需要設置，直接新建并啓用即可。提前建好源可用於核對 webhook 請求日志。

設置lead stage id 與事件的映射

例子，拼接映射，逗號分隔：96de31a8-6a96-408c-be7c-adee82553822=QualifiedLead,1d434c77-12b8-4f46-bfbb-8f49c81b71b8=RequestQuote,901ff546-79a8-4942-be2b-c5d434db14cd=ConvertedLead

幣種，填入源設置中，例如港幣HKD，新加坡幣SGD
金額字段key，lead info中自定義的金額字段，參考下文設置流程中

二、Exabloom 表單添加 CDP ID 隱藏欄位

網站中找到所需回傳的表單，查看元素，獲取表單ID。

在 Exabloom 後臺中找到對應的表單。

表單添加 CDP ID 隱藏字段，注意一：勾選初始隱藏。注意二：Query key設置爲 cdp_id
配置後表單初始會將 CDP ID 欄位設置爲網址查詢參數 cdp_id 的值。

保存表單。

三、修改 Exabloom 表單嵌入代碼

Exabloom 表單提供兩種嵌入網站的方式。

如果客戶網站是 Js 嵌入，目前該文檔暫不支持，需要聯係開發。
如果客戶網站是 iframe 嵌入，找到客戶網站後臺添加 Embed Code 的地方，往下添加以下代碼，注意<iframe>標簽中的src行需要刪去，▲區域替換成 exabloom 表單 ID。

<script>
  (function() {
    function getVal() {
      const match = document.cookie.match(new RegExp('(^| )_ttoaid=([^;]+)'));
      if (match) return match[2];
      return new URLSearchParams(window.location.search).get('_ttoaid');
    }
    console.log();
    const ttoaid = getVal();
    let url = "https://form.exabloom.com/form/▲▲▲▲▲▲▲▲";
    if (ttoaid) {
      url += (url.includes('?') ? '&' : '?') + 'cdp_id=' + encodeURIComponent(ttoaid);
    }
    const iframe = document.getElementById('exabloom-form-▲▲▲▲▲▲▲▲');
    iframe.src = url;
    if (window.iFrameResize) {
      iFrameResize({ log: false }, '#exabloom-form-▲▲▲▲▲▲▲▲');
    }
  })();
</script>

示例：

原代碼，可以在 src 和 id 末尾獲取到 exabloom form id

<iframe
style="width: 100%; height: 100%; border: none;"
src="https://form.exabloom.com/form/OSxW3uCpIOsGzCBcDy"
id="exabloom-form-OSxW3uCpIOsGzCBcDy"
data-height="830"
data-layout="{'id':'INLINE'}"
  data-trigger-type="alwaysShow"
  data-trigger-value=""
  data-activation-type="alwaysActivated"
  data-activation-value=""
  data-deactivation-type="neverDeactivate"
  data-deactivation-value=""
  data-layout-iframe-id="inline-C52PUGMdCFGG1CXZy"
>
</iframe>
<script src="https://service.exabloom.com/js/iframe-resizer.js"></script>

修改後，注意 iframe 下 src 已刪去，

<iframe
style="width: 100%; height: 100%; border: none;"
id="exabloom-form-OSxW3uCpIOsGzCBcDy"
data-height="830"
data-layout="{'id':'INLINE'}"
  data-trigger-type="alwaysShow"
  data-trigger-value=""
  data-activation-type="alwaysActivated"
  data-activation-value=""
  data-deactivation-type="neverDeactivate"
  data-deactivation-value=""
  data-layout-iframe-id="inline-C52PUGMdCFGG1CXZy"
>
</iframe>
<script src="https://service.exabloom.com/js/iframe-resizer.js"></script>
<script>
  (function() {
    function getVal() {
      const match = document.cookie.match(new RegExp('(^| )_ttoaid=([^;]+)'));
      if (match) return match[2];
      return new URLSearchParams(window.location.search).get('_ttoaid');
    }
    console.log();
    const ttoaid = getVal();
    let url = "https://form.exabloom.com/form/OSxW3uCpIOsGzCBcDy";
    if (ttoaid) {
      url += (url.includes('?') ? '&' : '?') + 'cdp_id=' + encodeURIComponent(ttoaid);
    }
    const iframe = document.getElementById('exabloom-form-OSxW3uCpIOsGzCBcDy');
    iframe.src = url;
    if (window.iFrameResize) {
      iFrameResize({ log: false }, '#exabloom-form-OSxW3uCpIOsGzCBcDy');
    }
  })();
</script>

四、設置 Exabloom Webhook 工作流

選擇有表單數據的店鋪， Workflows 點擊 New workflow

選擇觸發器，選擇 Form Submitted，選擇表單，保存。

添加下一個工作流節點，選擇 Webhook，將源 URL 填入 URL 欄。

配置 Payload
點擊左上小標簽可選擇添加表單字段，Form Submission 欄對應表單各個字段。

//下方列出字段僅作舉例，在 "" 内選擇替換爲小標簽内選擇的字段
{
  "email": "",
  "phone": "",
  "cdp_id": "",
  "location": "",
  "first_name": ""
}

注意：表單欄位涉及姓名、電話、號碼、郵箱等特徵字段，請設置爲以下標準名稱。cdp id字段的key固定設置爲cdp_id。

例如 2 中的email、phone、first_name 都屬於如下：

對於每一個需要跟蹤Contact和潛在客戶階段變更的店鋪，都需要設置三個工作流

創建聯係人回傳（附帶首條信息）

發佈并且保存

創建 Lead 創建回傳，發佈并且保存

Lead 階段變更工作流，首先創建報價金額保存的自定義字段，在將Lead變更爲報價對應stage之前，設置好金額，否則回傳失敗。

在將 lead 的 stage 變更爲代表已購買的階段前請先設置金額，否則請再重新觸發一次階段沒有金額的報價事件會被源忽略

配置完成，保存。在網站中提交表單測試完整流程。

五、埋點

文檔如下：

https://doc-service-ui.apps.v8eq.hk.topkee.top/docs/mh286c4z3mev/share