在GTM中插入脚本/ div聊天机器人

时间:2018-03-28 12:36:55

标签: javascript dom google-analytics google-tag-manager

我在使用faqbot时遇到问题。 安装它的正常方法很简单: 在关闭体标签插入之前(我更改了本例中的键):

<script type="application/javascript">
var FAQBOT = {
PUBLIC_KEY: "0000000000000000", 
AUTO_OPEN: 500
}
</script>
<div id="faqbot-00000000"></div>
<script src="https://faqbot.co/public/js/bundle.js"></script>

这就像一个魅力。 现在我想用GTM做这个,我很肯定我的标签会激活(在DOM Rdy上)。 我首先尝试将代码放在自定义html标记内,因为这应该是代码注入器本身..这没有用..

然后我使用DOM操作来实现它,当我检查我的页面的源代码时,标签就在那里,但机器人不起作用..

<script>
window.onload = function() {
var s = document.createElement('script');
s.type = 'application/javascript';
var code = 'var FAQBOT = { PUBLIC_KEY:"0000000000000000000",AUTO_OPEN: 500 }';

var d = document.createElement('div');
d.id ='faqbot-00000000';   

var s2 = document.createElement('script');
s2.src = 'https://faqbot.co/public/js/bundle.js';

try {
  s.appendChild(document.createTextNode(code));
  document.body.appendChild(s);
} catch (e) {
  s.text = code;
  document.body.appendChild(s);
}
document.body.appendChild(d);
document.body.appendChild(s2);    
}
</script>

为什么这不起作用,是否起火太晚了?

1 个答案:

答案 0 :(得分:0)

我尝试将以下代码放在自定义HTML标记中:

<script type="application/javascript">
    var FAQBOT = {
    PUBLIC_KEY: "0000000000000000", 
    AUTO_OPEN: 500
    }
</script>
<div id="faqbot-00000000"></div>
<script src="https://faqbot.co/public/js/bundle.js"></script>

将此自定义事件用作触发器:

gtm.dom

它似乎正常工作:

Request URL: https://faqbot.co/public/js/bundle.js
Request Method: GET
Status Code: 200 OK