是否Sweetalert工作在谷歌标签管理器?

Question

我一直在复制和粘贴代码从Sweetalert到谷歌标签管理器。它不会出现在预览和提交到网站后，它不会出现。是否Sweetlart工作在谷歌标签管理器?(我是新手)

我做了什么:

1. 在自定义HTML中，我将sweetalert源代码作为一个标签

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

和触发:所有页面浏览。标签触发选项:每个事件触发一次

2. 我把sweeralert弹出脚本放在另一个标签

<script>
swal.fire({
title: "Do you need any consultancy service?",
text: "Let's",
type: "info",
confirmButtonColor: '#000000',
confirmButtonClass: "contactMeNow_popUpButton",
confirmButtonText: "Contact Me Now",
closeOnConfirm: true,
});
</script>

,标记触发选项:每个事件触发一次标签测序:Sweetalert源代码(上图)触发:All page load窗口加载

3. 我已经尝试将这两个脚本合并在一个标签中，但它也不起作用。

是否sweetalert工作与谷歌标签管理器?我在剧本或设置上做错了什么吗?

非常感谢您的提前回复。

Answer 1

1. 检查chrome devtool的控制台错误。

2. 修改代码位检查swal是否存在

<script>
// try to console this variable is exist or not
console.log(typeof swal)
console.log(swal)
swal.fire({
title: "Do you need any consultancy service?",
text: "Let's",
type: "info",
confirmButtonColor: '#000000',
confirmButtonClass: "contactMeNow_popUpButton",
confirmButtonText: "Contact Me Now",
closeOnConfirm: true,
});
</script>

---

原因可能是即使你提前触发了js标签。它不能保证第二个标签会在第一个标签完成js加载时显示。

标签1发射---->标签2发射---->误差

js开始加载-------------->它可能会在这里加载finish