我们将GA代码添加到JS文件中，然后从那里调用它。这是<head>标签中的内容：
<script src="/public/tail/tail.js"></script>
这是我们目前在.js文件中得到的：
// Global site tag (gtag.js) - Google Analytics
dynamicLoadJs('https://www.googletagmanager.com/gtag/js?id=UA-74793602-1','async');
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-849140015');
gtag('config', 'UA-74793602-1', { 'anonymize_ip': true });
但是，显然存在问题，因为几天后，我还没有获得统计数据！
有什么需要改变的想法吗？
该函数dynamicLoadJs对网络进行异步调用以开始下载脚本，但是即使在JS文件下载完成之前，您编写的代码也会立即执行。
您需要的是一个“回调”，该脚本在加载并执行脚本后触发。
因此，您应该有效地拥有如下代码：
/*This function will load script and call the callback once the script has loaded*/
function loadScriptAsync(scriptSrc, callback) {
if (typeof callback !== 'function') {
throw new Error('Not a valid callback for async script load');
}
var script = document.createElement('script');
script.onload = callback;
script.src = scriptSrc;
document.head.appendChild(script);
}
/* This is the part where you call the above defined function and "call back" your code which gets executed after the script has loaded */
loadScriptAsync('https://www.googletagmanager.com/gtag/js?id=UA-74793602-1', function(){
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-849140015');
gtag('config', 'UA-74793602-1', { 'anonymize_ip': true });
})
希望这在概念上也很清楚。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句