给nuxt项目添加SEO,GTM代码,GA代码

23 篇文章 0 订阅
5 篇文章 0 订阅

用nuxt写官网

添加seo 添加GA代码
 head(){
      return{
        show2:false,
        title:this.title,
        meta:[{
          hid:'title',name:'title',content:this.title
        },{
          hid:'description',name:'description',content:this.description
        },
          {
            hid:'keywords',name:'keywords',content:this.keywords
          },
        ],
         script:[{
      async: "async",
      src:'https://www.googletagmanager.com/gtag/js?id=XXXX'
    }]
        }
添加GTM代码

踩坑:使用了网上的谷歌追踪代码或者百度的代码,弄了gtm.js,单独给config.js引入,结果报错,不管是引入在html部分还是plugins,都不行。

有script和noscript部分
可以新增app.html,直接放置。

但不想新增html就
在要引入的页面mounted使用

inits(){
        (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','GTM-XXXXX')

window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-xxxxx');
        }

引入是否成功,可以查看谷歌插件Tag Assistant
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值