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?