Screenshot_13.webp

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
aef422ca-9d35-4beb-a2ac-bc1eeb2e3eb3.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
c0d1cca1-17c3-4db8-9b1a-58715ce0f2b9.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?