首页 Nuxt2项目中该怎么将nuxt.config.js的以下代码 script: [ { hid: 'conversion', innerHTML: ` gtag('event', 'conversion', { 'send_to': 'AW-11183969399/0ZgdCOW6waEYEPeo99Qp', 'transaction_id': '' }); `, }, ] 添加再单个vue文件中

Nuxt2项目中该怎么将nuxt.config.js的以下代码 script: [ { hid: 'conversion', innerHTML: ` gtag('event', 'conversion', { 'send_to': 'AW-11183969399/0ZgdCOW6waEYEPeo99Qp', 'transaction_id': '' }); `, }, ] 添加再单个vue文件中

时间: 2023-08-18 13:05:12 浏览: 258

官网简单模板基于vue可生成静态文件（nuxt）

5星 · 资源好评率100%

基于vue生成静态文件（nuxt），可以用来搭建公司官网，门户网站，个人网站等，有利于SEO搜索引擎排名。文档地址：https://blog.csdn.net/u012551928/article/details/117064291

你可以在单个 Vue 文件的 `<head>` 标签中添加 `script` 标签，并将上述代码放在其中，如下： ```html <template>  </template> <script> export default { head() { return { script: [ { hid: 'conversion', innerHTML: `gtag('event', 'conversion', { 'send_to': 'AW-11183969399/0ZgdCOW6waEYEPeo99Qp', 'transaction_id': '' });`, }, ], }; }, }; </script> ``` 注意要将代码放在 `head()` 方法中，以确保它们被正确添加到页面的 `<head>` 标签中。同时，`hid` 属性可以用于避免在页面中重复添加相同的代码。

阅读全文