I have added google adwords conversion code to the head of my index.html:
<!-- Global site tag (gtag.js) - Google Ads: 0000000--> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-0000000"></script> <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-0000000');</script> <!-- Event snippet for 0000000 conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <script>function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-0000000/0000000-0000000', 'event_callback': callback }); return false; }</script>
The conversion should be counted when a user successfully registers. For this I need to wait for the success message in my register user api endpoint, which is called in a component:
this.http.post<any>(apiEndpoint, sendData).subscribe(data => { console.log(data); if (data['error']) { this.regError = data['errortxt']; } else { this.regError = ""; this.dataService.REG_AUTH = data['data']['token']; localStorage.setItem('regauth', data['data']['token']); // Adwords Conversion gtag_report_conversion(url); this.navigation.loadView(this.navigation.getView('3').name); } }, error => { console.log(error.json()); });
It tells me Cannot find name gtag_report_conversion(url);
Any ideas? Somehow I need to import the function from index.html?