当浏览器设置“不跟踪”标志时，如何忽略谷歌跟踪？

Question

通过 Javascript 尊重现代浏览器中设置的 DNT 标志的最佳实践是什么？

最终，我想禁用 Google Analytics、Facebook 像素和其他定制跟踪代码（如果已设置）之类的功能。

有什么需要注意的问题吗？

Answer 1

您可以使用navigator.doNotTrack这些跟踪器读取标志并有条件地加载这些跟踪器。

对于 Google Analytics，您可以使用以下代码：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script>
    if (navigator.doNotTrack !== '1') {
        (function () {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = 'https://www.googletagmanager.com/gtag/js?id=UA-ADD-YOUR-ID';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
        window.dataLayer = window.dataLayer || [];
        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-ADD-YOUR-ID');
    }
</script>

（也替换ADD-YOUR-ID为您的实际 ID。）

资源

• MDN：DNT
• MDN： Navigator.doNotTrack