脚本事件页面 · Nuxt 脚本

背景

使用跟踪脚本时，通常会在页面更改时发送事件。由于 Nuxt 的头部实现是异步的，因此页面标题并不总是立即在路由更改时可用。

Nuxt 脚本提供 useScriptEventPage 可组合项来解决此问题。

查看 API 文档以获取有关可用选项的完整详细信息。

用法

可组合项通过提供一个函数来工作，该函数将在页面更改时调用，并提供新解析的标题和路径。

您可以将它与任何分析提供商一起使用，在该提供商中您会发现页面标题在路由更改时不准确。

const { proxy } = useScriptGoogleAnalytics()

useScriptEventPage(({ title, path }) => {
  // triggered on route change
  proxy.gtag('event', 'page_view', {
    page_title: title,
    page_location: 'https://example.com',
    page_path: path
  })
})

同意管理

了解如何在加载脚本之前获取用户同意。

全局脚本

加载全局第三方脚本并为您的 Nuxt 应用优化它们。