NUXT head 添加script 脚本配置谷歌跟踪代码

菜菜子园子

于 2024-07-15 09:42:10 发布

阅读量174

点赞数 2

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_47436786/article/details/140429706

版权

上次的写法还是有点问题。现在修改如下：

在NUXT head 添加script 脚本

    app: {
        head: {
            title: 'BAi Embroidery Machine',
            script: [
                {
                    src: 'https://www.googletagmanager.com/gtm.js?id=填写id',
                    type: 'text/javascript',
                    async: true,
                },
                {
                    innerHTML: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','填写id');`
                },
                {
                    src: 'https://www.googletagmanager.com/gtag/js?id=填写id'
                },
                {
                    innerHTML: `window.dataLayer = window.dataLayer || [];
                        function gtag(){dataLayer.push(arguments);}
                        gtag('js', new Date());
                        gtag('config', 'AW-10907661652');
                        `
                },

            ]
        },
        link: [
            { rel: "icon", type: "image/x-icon", href: "/favicon.ico" }
        ],


    },