This plugin inserts Tealium's utag to the <body> of Gatsby pages.
npm install --save gatsby-plugin-tealium-utag// In your gatsby-config.js
module.exports = {
plugins: [
{
resolve: "gatsby-plugin-tealium-utag",
options: {
account: "YOUR_TEALIUM_ACCOUNT",
profile: "YOUR_TEALIUM_PROFILE",
env: "dev",
injectUtagSync: true,
disableInitialTracking: true,
},
},
],
};Your Tealium account name.
Your Tealium profile name.
Must be "dev", "qa", or "prod".
Defaults to false.
When set to true, utag.sync.js will be injected to the <head>.
Defaults to false.
When set to true, utag.view() won't be called automatically on page load. Usually, that's what you want in Single Page Applications.
- This plugin just adds the utag script to the page. It's up to you to call
utag.view()andutag.link()in your app. utag.jsloads asynchronously. To know when it finished loading, listen to the"utag-loaded"event on thedocument:
document.addEventListener("utag-loaded", () => {
console.log("utag is ready:", utag);
});- tealium-tracker - Easily integrate with Tealium
- react-event-tracker - Easily track events in your React application.