Sweetalert 是否适用于 Google 跟踪代码管理器？

Question

I have been copying and pasting code from Sweetalert into Google Tag Manager. It doesn't appear at preview and after submit onto website it doesn't apper. Does Sweetlart works in Google Tag Manager? (I'm very new to this)

What I did:

1. In custom HTML I put in sweetalert source code as one tag

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

and triggering: All page view. Tag firing options: Once per event

2. I put sweeralert pop up script in another tag

 <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>

with Tag firing options: Once per event Tag Sequencing: Sweetalert source code (above) Triggering: All page load Window load.

3. I have tried combine these two script in one tag but it also doesn't work.

Does sweetalert works with Google Tag Manager? Have I done something wrong in the script or in setting?

Thank you so much for your reply in advance.

Answer 1

1. check the console error in chrome devtool . There might be some error if this doesn't work.

2. modify the code a bit to check the swal is exist

<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>

---

The reason might be even if you fire the js tag earlier. It can not guarantee the second tag will wail the js loading finished by the first tag.

Tag 1 fired ----> Tag 2 fired ----> error

js start loading --------------> it might load finish in here