设置自定义触发条件

如果您想根据自己的业务逻辑在指定的时刻触发Engage，比如访客点击一个按钮之后或者完成一个交互行为之后展示您设置的Engage，这就需要您使用自定义触发功能。此功能将判断时机主动权交给您来进行控制。

1.开启自定义触发组件

在触发时机的条件设置中，勾选”当访客触发特定代码时显示”，勾选后此功能状态开启。

2.点击保存Engage后会看到提示框如下图，复制系统自动生成的触发脚本，放在您的业务逻辑代码中。当访客的行为触发了您的代码并执行了Engage触发脚本后，Engage组件弹出，访客就可以看到您设置的创意内容了。

您也可以从当前组件”操作”->”查看代码”处可以查看当前组件ID和触发代码。组件ID由随机数字组成，触发代码将通过组件ID控制相应组件被展示。

3.请确保您的Engage触发页面和您埋点的页面一致。

例如你设置的触发时机里URL设置为完全匹配链接https://www.xxx.com，但是您将触发代码埋在了页面https://www.xxx.com/register ,这样组件就无法正常触发了。

安装示例

触发代码示例如下：

window.Ptengine && window.Ptengine('showEngagement', 1573210609511422)

举例1：在HTML代码上添加

<button id="loginBtn" onclick="window.Ptengine && window.Ptengine('showEngagement', 1573210609511422)">login</button>

举例2：在Javascript脚本上添加

document.getElementById("loginBtn").addEventListener("click",
    function(){ 
        window.Ptengine && window.Ptengine("showEngagement", 1573210609511422); 
        }
);

注意：括号内的 “1573210609511422” 代表组件ID。参考前请将组件ID替换成目标组件ID后再使用。