In our examples we will connect Google Ads to our Next.js website in vanilla way (without any additional plugins). Please note that we have GA4 account already connected.

# Part 1. Connect your Google Ads to your Google Analytics 4 (GA4) account {#part-1}

# Step 1. Connect you Google Ads account to Google Analytics 4: {#part-1-step-1}

In Google analytics go to Admin, choose your property and then click on Google Ads Links:

image (12).webp

Press Link and add your Google Ads account.

# Step 2. Enabling Google Signals: {#part-1-step-2}

Go to Admin ---> Data Settings ---> Data Collection ---> Enable Google signals data

image (13).webp

That`s it! Now you have to wait while Google Analytics starts to gather and display data from your Google Ads campaigns. Please note that it could take up to 3 days for data to start displaying in GA4 reports.

You`ll be able to see data from Google ads in you Reports snapshot:

  • Google Ads as a source;
  • cpc as a medium;
  • Paid search as a default channel grouping
image (14).webp
image (15).webp

# Part 2. Connect your Google Ads account to your website {#part-2}

# Step 1. Get Global site tag code {#part-2-step-1}

To find you code in Google Ads go to Tools and settings ---> Global site tag

image (16).webp

# Step 2. Add Global site tag code to you website {#part-2-step-2}

For Next.js paste the code in _document.tsx file:

image (17).webp

# Part 3. Add and set up Google Ads conversions {#part-3}

# Step 1. Adding Conversions in Google Ads {#part-3-step-1}

Go to Tools and settings ---> Conversions and click New conversion action.

For a website we usually need to add conversion manually.

image (19).webp
image (20).webp
image (21).webp

You can find info on how to setup conversion in Google Ads documentation

After setting up a conversion you`ll see it in the conversions screen:

image (22).webp

# Step 2. Adding Google Ads conversions to a website: {#part-3-step-2}

To get gtag code of conversion, click on the Conversion name ---> Tag setup ---> Install the tag yourself.

Follow instructions and cope conversion code snippet:

image (23).webp

For example, in our code we`ve created a function which sends the conversion event. And this function is called on particular button click

image (24).webp
image (25).webp

To see if conversions were verified, try to trigger these events, and then check their status in Google adds in 3 hours:

No resent conversions means that you conversion was verified and will be displayed as soon as conversion action happen

image (26).webp
image (27).webp
footer background image

Want to know more?