Nuxt3如何在head中添加原生js

最新推荐文章于 2024-11-27 00:57:23 发布

木头没有瓜

最新推荐文章于 2024-11-27 00:57:23 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/weixin_40918145/article/details/130642394

文章介绍了如何进行头条SEO优化，通过创建一个名为byteSeo.js的JS文件，将特定代码插入到head标签中，以实现URL的自动收录。此过程涉及到在public目录下新建文件以及在app.vue中引入新脚本，并调整其在HTML文档中的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先看效果

www.liaotianhuifu.comhttp://www.liaotianhuifu.com/背景：做了头条的seo的url自动收录录入，需要将代码放到head标签中

方法

1、在public中新建js文件，命名byteSeo.js

(function () {
  var el = document.createElement("script");
  el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?b55870126b599b09d6b8b9d9ba75129edda2efdb52f372943d76ab47305f00498a24d2f724c31ebe20c1e4e6fba6d91caf576100b02a2870c72f38fc574066fef065d152c73bf1cbb2ebad3b5b5265d8";
  el.id = "ttzz";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(el, s);
})(window)

2、在app.vue中引入

useHead({
  script: [
    {
      src: 'https://hm.baidu.com/hm.js?7a2676bc9c0d63a38f4dedc93dcfa05a'
    },
    {
      src: '/js/byteSeo.js',  //不写pulic是因为路径已经有约定规则了
      body: false, //true就是配置再body中插入script标签， false 就配置再header中插入script标签
    }
    // {
    //   src: "https://cdn.bootcdn.net/ajax/libs/react/18.2.0/cjs/react-jsx-dev-runtime.development.js", //线上地址
    //   body: true,
    // },
  ]
})