gtag click event Network Status "cancelled"

[dannye52454320]

Hello fellow DTMers,

Having an issue where I'm adding some Non-Sequential JS to a click event in DTM.

The event fires perfectly fine, but the gtag conversion is being cancelled. I am testing in Chrome, is this the issue?

Moreover, if I make gtag conversions tied to specific URL page loads, they fire perfectly fine. Does it have to do with the fact that the AdWords/DCM Universal Tag is implemented using Sequential HTML? Should I translate this to Non-Sequential JavaScript?

If so, how do I translate the beginning of the tag below from HTML to JS (the <script async src=....></script>)?

Best,

Danny

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'AW-xxxxxxxxx');
gtag('config', 'DC-xxxxxxx');
</script>

[Stewart_Schilling · Accepted solution]

If the link click that is being tracked is a navigational link (one that causes you to leave the current page and navigate to another), you may be seeing this issue because the current page is being unloaded at the same time that you are trying to execute some code.

Selecting `Delay Link Activation` on the rule's condition may give you the time you need to execute your actions before navigation takes place.

Beyond this,  I would switch to sequential JS from non-sequential JS for the click action.

Also, assuming that you are loading the Global Site tag when the page loads, you should be able to call the `gtag` function directly from your sequential JS.  You will not need to get gtag.js again since it should already be on the page.