如何在Laravel 10 Inertia Reactjs中实现Google Analytics 4?

toe95027  于 2023-04-20  发布在  React
关注(0)|答案(1)|浏览(141)

我在我的新应用程序上使用了内置reactjs和inertia的laravel 10。
我正在尝试使用这个react-ga4包实现。
问题是我不知道在应用程序根目录中的何处放置初始化代码

ReactGA.initialize("your GA measurement id");

在来自laravel的app.jsx中看起来像这样

import './bootstrap';
import '../css/app.css';

import { createRoot } from 'react-dom/client';
import { createInertiaApp } from '@inertiajs/react';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

const appName = window.document.getElementsByTagName('title')[0]?.innerText || 'Laravel';

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
    setup({ el, App, props }) {
        const root = createRoot(el);

        root.render(<App {...props} />);
    },
    progress: {
        color: '#4B5563',
    },
});

我应该把react-ga 4包中的初始化和发送代码放在哪里?

z18hc3ub

z18hc3ub1#

在下面添加以导入react-ga 4库
...

import ReactGA from 'react-ga4';


createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => resolvePageComponent(`./Pages/${name}.jsx`, import.meta.glob('./Pages/**/*.jsx')),
    setup({ el, App, props }) {
        // add this for the ga4 initialization
        ReactGA.initialize("your GA measurement id");

        const root = createRoot(el);

        root.render(<App {...props} />);
    },

...

相关问题