🔧[GA4][GTM]Configure GA4 in GTM

GTM Tags View Source View Google Analytics

2023-01-23

Record the contents assuming that GTM's have already been set up.

GTM Tags

Start by setting up a trigger in GTM.
Click on "Tags" in the sidebar.
Click on "New"

Setting "Tag Configuration".
Change the name so that it is recognizable.

Setting "Google Analytics: GA4 Configuration"

Enter the Measurement ID of GA4.
How to check Measurement ID on GA4 : Admin > Property: Data Streams > Click target stream

Save Tag.

Add "Triggering"

Choose "Initialization - All Pages"

and "Save".

"Submit"

You can record information on releases.
You can name the version and note the changes in the text area.

After pressing "publish", a summary will be displayed.

View Source

View Google Analytics

Click on a few pages of the site to generate data.
Check to see if the data appears in "Realtime."
It would be easier to check by looking at a specific page and checking it under "Page title."

Related Notes✨supabase with Vue3 ✨Vue3 with bootstrap-icons ✨[vue3]Install bootstrap5 ✨[vue3] install ✨[Nuxt3]The first thing I do when launching a nuxt3 project. (^3.5.2)✨[Nuxt3][Bootstrap]Use Bootstrap icons with Nuxt3.✨[Node.js] Storing API results in js 🔧[Nuxt3]Using Google Tag manager with NUXT3 🔧[GA4][BigQuery]Linking GA4 and BigQuery 🔧When you want to scrape a SPA site, PhantomJsCloud is solution.🐛Error brew -v | update-reset 🔧Use Google Spreadsheet as API with Nuxt3.🔧 Get json from a spreadsheet using GoogleSheetsAPI v4.🔧[Python]Install Python to Mac ✨[Nuxt3]Install stable version of Nuxt 3.0.0. | npx nuxi init nuxt3-app ✨Make Ranking with MySQL ✨watch & v-model | Vue3 (Nuxt3)✨window & document | Nuxt3 ✨Using custom domain, Hosting to GitHub Pages with Nuxt3 ✨GA4 with Nuxt3 📝MySQL - Date Function - Tips ✨Use Nuxt3 props 🔧Use MicroCMS with Nuxt3 🔧Using GoogleFont with Nuxt3 📝Error - Deprecation Warning: $weight: Passing a number without unit % (100) is deprecated. - Bootstrap5 📝using sass with nuxt 📝Firebase9 Google Authentication with Nuxt3.📝Set favicon in Nuxt3 📝Use bootstrap5 with Nuxt3 🐛Error Code: 1290. The MySQL server is running with the --secure-file-priv option so it cannot execute this statement ✨[Nuxt3] How to separate source directories ✨microCMS & GitHub Actions & Nuxt3 ✨Using highlight in Nuxt3.✨use package.json value 🔧frontmatter-markdown-loader & highlight.js 🔧Install Font Awesome on Nuxt2 via npm.✨Github pages with GitHub Actions ✨Cannot find module '~/*/*.vue' or its corresponding type declarations.Vetur(2307)🐛Cannot find module. Consider using '--resolveJsonModule' to import module with '.json' extension.ts(2732)✨TypeScript Object.🔧Bootstrap5 with Nuxt2 ✨processmd with Nuxt2 🔧[MySQL]Install MySQL Workbench 🔧Convert Markdown to HTML. convert frontmatter to json 🔧Install homebrew, nvm, node to Mac 🔧[MySQL]Record of installing and starting mysql with homebrew.🎨 Display the photo full screen and overlay the header and footer on top.🔧Set git repository to created project.✨[Nuxt3] Make Header & Footer

Masanos

I want to make the world I see happy. Little by little, I am preparing to start a business. Thank you for your support.