![Logo of UK retailer NEXT with text: "Google AdsGoogle Analytics](https://cdn.zensoftware.nl/Screenshot_13_10243e3d0a/Screenshot_13_10243e3d0a.webp)
When releasing Agile Analytics we struggled linking Google Ads to Google Analytics v4 to our fine ReactJS site. Here is a small step-by-step guide on how to achieve this:
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:
![Analyzing tech data w/Google Analytics on-screen.](https://cdn.zensoftware.nl/640_image_12_af697aa1dd/640_image_12_af697aa1dd.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
![Electronic-device technology screenshot software enables rich analytics insights.](https://cdn.zensoftware.nl/640_image_13_a98c539eb0/640_image_13_a98c539eb0.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
![Blue rectangles plot numbers to show user acquisitions: Paid Search, Organic](https://cdn.zensoftware.nl/image_14_4f1ccbbb08/image_14_4f1ccbbb08.webp)
![Statistics showing new user & top campaign sources, represented with circles, rect](https://cdn.zensoftware.nl/640_image_15_4d95b4a616/640_image_15_4d95b4a616.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
![Tech software to increase global reach & plan performance:Google Ads Global site](https://cdn.zensoftware.nl/640_image_16_d9e3d5dd25/640_image_16_d9e3d5dd25.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:
![A tech-savvy font screenshot displaying Google Ads config w/software](https://cdn.zensoftware.nl/640_image_17_f9db0e3f8e/640_image_17_f9db0e3f8e.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.
!["Tech-savvy user makes electronic payments via software rectangles and](https://cdn.zensoftware.nl/384_image_19_24603fbe83/384_image_19_24603fbe83.webp)
![Tech screenshot of a software with parallel numbers, fonts, & azure](https://cdn.zensoftware.nl/aef422ca_9d35_4beb_a2ac_bc1eeb2e3eb3_44de533c47/aef422ca_9d35_4beb_a2ac_bc1eeb2e3eb3_44de533c47.webp)
![Track conversions with Azure rectangular font software on electronic device.](https://cdn.zensoftware.nl/640_image_20_f2469de4e8/640_image_20_f2469de4e8.webp)
![Screenshot of web page showing software setup for measuring visits to key pages.](https://cdn.zensoftware.nl/640_image_21_24daf7de05/640_image_21_24daf7de05.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:
![Software tech empowers value-based conversions to maximize profits (#Product,](https://cdn.zensoftware.nl/640_image_22_b907a5807d/640_image_22_b907a5807d.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:
![Rectangle/Font/Parallel/Screenshot/Technology/Number/](https://cdn.zensoftware.nl/640_image_23_de3525ebbf/640_image_23_de3525ebbf.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
!["Logo in darkness w/ tire, plant, multimedia for Export](https://cdn.zensoftware.nl/image_24_1d04774d51/image_24_1d04774d51.webp)
![Blue sky, Font disp below Rect & Circle, Brand Signage on](https://cdn.zensoftware.nl/image_25_e00c025803/image_25_e00c025803.webp)
![Dark bg, multimedia rect. enables click actions on auto-parts](https://cdn.zensoftware.nl/c0d1cca1_17c3_4db8_9b1a_58715ce0f2b9_3323a0ded4/c0d1cca1_17c3_4db8_9b1a_58715ce0f2b9_3323a0ded4.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
![Rectangle w/ # pattern, text & symbols; "+NEW CON](https://cdn.zensoftware.nl/640_image_26_2b94d49e5b/640_image_26_2b94d49e5b.webp)
![Rectangle font screenshot illustrating number pattern & text:"NEW CONVERSION ACTION](https://cdn.zensoftware.nl/640_image_27_ca31fcb354/640_image_27_ca31fcb354.webp)
![background](https://cdn.zensoftware.nl/cta_background_9525444543/cta_background_9525444543.webp)
Lightning-Fast Site, Awesome Conversion
Deliver content worldwide with a site that never slows down. Forget the WordPress or Magento delays—fast, safe, and cloud-based!
Read more:
Linking Google Ads and Google Analytics 4 (GA4) to your Next.js site
When releasing Agile Analytics we struggled linking Google Ads to Google Analytics v4 to our fine ReactJS site. Here is ...
What’s wrong with GA4, or how to find essential reports in Google Analytics
Google Analytics 4 (GA4) reporting has received some criticism and feedback from users since its release. Despite GA4 of...
ZEN Software upgrades Wordpress Filogic.nl to Open Source Headless Cloud Solution for Unmatched Performance
Alkmaar, November 2023 — ZEN Software, a leader in innovative web solutions, proudly announces its latest success with F...
The $100 billion product demo failure: Google’s BARD
Since the launch of chatGPT, it’s been DEFCON 1 at Google HQ. ChatGPT could easily lead to a golden-egg-laying-goose kil...
Migrate from WordPress to a new CMS
WordPress has been our Content Management System (CMS) since forever at ZEN Software. Why would we ever change a winning...
A Developer's Guide to Agile Rollouts: adding Feature Flags in React
**Feature flags**, also known as **feature toggles** or **feature switches**, are a powerful tool in software developmen...