Next.js：router.push后Facebook Pixel无法触发的原因咨询

• Next.js Script组件的执行机制限制：你使用的<Script id="some-id" strategy="afterInteractive">，这个afterInteractive策略的脚本只会在页面首次完成客户端渲染后执行一次。当你通过router.push进行无刷新路由跳转时，目标页面的这个脚本不会再次执行——Facebook Pixel的初始化逻辑（比如fbq('init', '你的Pixel ID')）只在首次加载时运行，后续路由切换时没有重新初始化或触发事件的逻辑，自然无法追踪页面变化。
• 客户端路由的特性导致Pixel无感知：router.push是SPA式的客户端路由跳转，整个页面并没有真正刷新，浏览器不会触发load或DOMContentLoaded这类原生页面加载事件。而Facebook Pixel默认是依赖这些原生事件来触发PageView等追踪事件的，所以路由切换时Pixel无法自动感知到页面变化。
• 刷新能解决的本质原因：router.reload()会强制触发页面全量刷新，此时浏览器会重新加载所有资源，<Script>组件会再次执行，Pixel完成初始化并触发对应事件，但这种方式会打断用户的流畅浏览体验，显然不是合理的解决方案。

小提示：如果要优化这个问题，你可以把Pixel的初始化脚本放在全局入口（比如_app.js）的<Script>组件中确保只初始化一次，然后在路由切换完成后（比如用useEffect监听router.asPath的变化），手动调用fbq('track', 'PageView')来触发追踪事件，这样既不用刷新页面，也能正常触发Pixel事件。

内容的提问来源于stack exchange，提问作者kkkkkkkkkkkkkkkkk