Nascent Prototype Metaverse

    gatsby-plugin-gtag
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.13 • Public • Published

    gatsby-plugin-gtag

    Add Google Analytics gtag.js to a site

    Does the same thing as gatsby-plugin-google-analytics, but instead of adding deprecated analytics.js script, it uses gtag.js. Includes Outbound Link module.

    Install

    npm install --save gatsby-plugin-gtag

    Use

     
    // In your gatsby-config.js
    module.exports = {
      plugins: [
        {
          resolve: `gatsby-plugin-gtag`,
          options: {
            // your google analytics tracking id
            trackingId: `UA-XXXXXXXX-X`,
            // Puts tracking script in the head instead of the body
            head: false,
            // enable ip anonymization
            anonymize: true,
          },
        },
      ],
    }
     

    Outbound Links

    import { OutboundLink } from 'gatsby-plugin-gtag'

    Use like any other anchor tag in your component: <OutboundLink href='yourwebsite.example'>Check out this site!</OutboundLink>

    Options

    head

    Puts tracking script in the head instead of the body. Default is false (render in the body)

    anonymize

    Adds anonymize_ip flag when calling gtag. More info here.

    Testing in development mode

    By default gatsby-plugin-gtag will only load and run google analytics when process.env.NODE_ENV === 'production'. To enable gtag in development mode set the environment variable GATSBY_GTAG_DEBUG=true gatsby develop.

    License

    MIT

    Install

    npm i gatsby-plugin-gtag

    DownloadsWeekly Downloads

    3,522

    Version

    1.0.13

    License

    MIT

    Unpacked Size

    85.9 kB

    Total Files

    9

    Last publish

    Collaborators

    • flpvsk