Ca Pham

I’m a software engineer.

1 minute read

This guide will walk you through the process of setting up Google Analytics 4 (GA4) and Google Tag Manager (GTM) on your Jekyll blog to track visitor behavior, custom events, and optimize your content strategy.

Setting Up Google Analytics 4

Step 1: Create a Google Analytics Account

  1. Go to Google Analytics and sign in with your Google account
  2. Click “Start measuring”
  3. Enter an account name (this could be your name or company name)
  4. Configure your data sharing settings and click “Next”

Step 2: Set Up a Property

  1. Enter a property name (typically your blog name)
  2. Select your reporting time zone and currency
  3. Click “Show advanced options” if you want to create a Universal Analytics property alongside GA4
  4. Click “Next”

Step 3: Enter Business Information

  1. Select your industry category
  2. Select your business size and how you intend to use Google Analytics
  3. Click “Create”

Step 4: Set Up Data Collection

  1. Select “Web” as your platform
  2. Enter your website URL, stream name (usually your site name), and choose your enhanced measurement settings
  3. Click “Create stream”
  4. Take note of your Measurement ID (it looks like G-XXXXXXX)

Setting Up Google Tag Manager

Step 1: Create a Google Tag Manager Account

  1. Go to Google Tag Manager and sign in with your Google account
  2. Click “Create Account”
  3. Enter an account name and select your country
  4. Enter a container name (your blog name) and select “Web” as the target platform
  5. Click “Create” and accept the Terms of Service

Step 2: Get Your GTM Snippet

After creating your account and container, Google Tag Manager will provide you with two code snippets:

  1. A script to be placed in the <head> of your HTML
  2. A noscript fallback to be placed immediately after the opening <body> tag

Copy these codes for later use.

Integrating with Jekyll

Method 1: Direct Implementation in Theme Files

Step 1: Add Google Analytics to Your Jekyll Site

  1. Open your Jekyll project and navigate to the _includes folder
  2. Create or edit a file called google-analytics.html with the following content:

You may also enjoy

Pointing Your Domain to GitHub Pages

3 minute read

This guide will walk you through the process of pointing a custom domain from your domain registrar to GitHub Pages. We’ll cover each step in detail, from DN...

Create free blog with Jekyll and Github

1 minute read

If you’re looking to create a fast, free, and customizable blog without relying on third-party platforms, using Jekyll and GitHub Pages is a great option. Th...