analytics
Usage
Use the analytics
section to integrate popular web analytics solutions into your portal.
Add it to the top level of the siteConfig.yaml
file and configure supported analytics integrations inside it.
Options
Option | Description |
---|---|
amplitude | Integrates Amplitude Analytics into your developer portal. This integration is supported through the Gatsby Amplitude plugin. Refer to the official plugin documentation for more details. |
fullstory | Integrates FullStory analytics into your developer portal. When configured, this integration works only in production, not in local development mode. |
ga | Integrates Google Analytics into your developer portal. This integration is supported through the Gatsby Google Analytics plugin. Refer to the official plugin documentation for more details. |
gtag | Integrates Google Global Site Tag into your developer portal. When configured, this integration works only in production, not in local development mode. This integration is supported through the Gatsby google-gtag plugin. Refer to the official plugin documentation for more details. |
gtm | Integrates Google Tag Manager into your developer portal. This integration is supported through the Gatsby Google Tag Manager plugin. Refer to the official plugin documentation for more details. |
heap | Integrates Heap Analytics into your developer portal. This integration is supported through the Gatsby Heap plugin. Refer to the official plugin documentation for more details. |
rudderstack | Integrates Rudderstack Analytics into your developer portal. This integration is supported through the Gatsby Rudderstack plugin. Refer to the official plugin documentation for more details. |
segment | Integrates Segment Analytics into your developer portal. This integration is supported through the Gatsby SegmentJS plugin. Refer to the official plugin documentation for more details. |
Google Marketing Platform | Integrates Google Optimize into your developer portal. This integration is supported through the Gatsby Google Marketing Platform plugin. Refer to the official plugin documentation for more details. |
Examples
Amplitude
analytics: amplitude: apiKey: your-api-key head: false respectDNT: true exclude: - /preview/** - /do-not-track/me/too/ eventTypes: outboundLinkClick: OUTBOUND_LINK_CLICK pageView: PAGE_VIEW amplitudeConfig: saveEvents: true includeUtm: true includeReferrer: true environments: - production
FullStory
analytics: fullstory: fs_org: YOUR_ORG_ID
Google Analytics
analytics: ga: # This option places the tracking script into the ”<head>” of your website # If set to false (default), the script is placed into the "<body>" head: true trackingId: your-google-analytics-tracking-id
Google Global Site Tag (gtag.js)
analytics: gtag: trackingIds: - "GA-TRACKING_ID" #Google Analytics / GA - "AW-CONVERSION_ID" #Google Ads / Adwords / AW - "DC-FLOODIGHT_ID" # Marketing Platform advertising products (Display & Video 360, Search Ads 360, and Campaign Manager) # This object gets passed directly to the gtag config command # This config will be shared across all trackingIds gtagConfig: optimize_id: "OPT_CONTAINER_ID" anonymize_ip: true cookie_expires: 0 # This object is used for configuration specific to this plugin pluginConfig: # Puts tracking script in the head instead of the body head: false # Setting this parameter is also optional respectDNT: true # Avoids sending pageview hits from custom paths exclude: ["/preview/**", "/do-not-track/me/too/"]
Google Tag Manager
analytics: gtm: id: your-google-tag-manager-id
Heap Analytics
analytics: heap: appId: your-app-id enableOnDevMode: true # set to false by default
Rudderstack Analytics
analytics: rudderstack: prodKey: your-prod-write-key devKey: your-dev-write-key dataPlaneUrl: your-data-plane-url trackPage: true
Segment
analytics: segment: prodKey: SEGMENT_PRODUCTION_WRITE_KEY trackPage: true
Google Marketing Platform
analytics: googleOptimize: dataLayer: gaPropertyId: your-google-analytics-tracking-id optimize: id: your-google-optimize-tracking-id tagmanager: id: your-google-tag-manager-id analytics: trackingId: your-google-analytics-tracking-id