? Well, you are here. Read this guide in -depth and find a method that suits you. This tutorial is divided into two parts:
- Basic Guide
- (Suggestions) Advanced Guide
- Basic guide
(for further event classification And alias settings)
How to track the Ninjateam WhatsApp incident in Google Analytics 4
NINJATEAM Whatsapp Chat WordPress plug -in.以下是您需要准备的所需工具:
您网站上的Google Analytics 4(管理员访问)
- WhatsApp Chat WordPress 插件(高级版)
- [123 ] Google Analytics debugger (chrome extension)
Step 1: Insert gtag.js into your WordPress website
Please navigate to Analytics.google.com \u0026 GT; Google Analytics 4 4 \u0026 gt; admin, under your website attribute panel, click
data streams
.
Then click to add stream to create a new data flow with the following information:
Stream url: Paste your website URL
Stream Name: Give it a suitable name, for example, \”Website Name-GA4\”
Measurement ID: This ID will be provided, you will need this ID for future use (for example \”G-CNMKLDZKZ7\”)
- Tagging Instructure
At the current dataIn the stream, click
, and you will find Google Analytics global site labels.
Please copy this script and paste to the title part of your WordPress website. You can use Ninjateam Header Footer Custom Code (free plug -in) to easily insert this code.
Then please click
Save and change
to save the new label.
Step 2: Enable Google Analytics 4 from the WhatsApp chat plug -in For your WordPress dashboard, please visit WhatsApp \u0026 gt; Set \u0026 gt;
Analysis
.
Under the Google Analytics option, enable Google Analytics 4 options. Then click Save and change. Step 3: Test whatsApp chat events
After completing the above two steps, tracking is actually working. But if you want to be sure, you can install Google Analytics Debugger to test the event.
Therefore, continue to add extension to Chrome.
After adding, please enable it in your current Chrome configuration file.
When the expansion program is opened, visit a page of your website, and then click WhatsApp chat small components. This will create an event on your website that will be recorded by Google Analytics.
, please navigate to the GA4 window, select
configure \u0026 gt; [123 123 ] DebugView , here you will see a real -time view of the current event of your website. If you see on the timeline ninJateam WhatsApp incident indicates that your new configuration settings are correct and run well.
Advanced Guide
Step 1: Add Google Analytics 4 tags through Google Tag Manager
You will create creation Two collaborative GA4 labels:
Google Analysis: GA4 configuration
Google Analysis: GA4 activity
First, navigation to https: // Tagmanager.google.com/ and select your tracking code manager account, or if you have not created a new account. Under the tracking code manager account, add your website to the new
Container
, including the following details:
]
- The container name: \”Yourwebsite.com\”
container type: \”Network\”
container ID: this ID (e.g. \”,\” \”\” GTM-PCPS4LD \”)
After you can enter Container \u0026 gt; workspace Overview, labels, triggers, variables, etc. To create a new GA4 label, you can click
to add a new tag
- , or turn to the
- tag
- to create
tab, and then select
.
A new non -title label will be opened in the drawer, please click Tag configuration and:
Select the label Type: Google Analytics: GA4 configuration.
Measurement ID: Copy the ID from the GA4 data stream and paste it into this label configuration.
Then, save your
Google Analytics: GA4 configuration
tag.
- In the next necessary label, adding it
Google Analytics: GA4 event
You must add new variables. So please navigate to
variable
and click
New
.
Select variable type as data layer variable .
Then, please save New variables. If you want to add more variables, you can repeat this operation.
Now, you create a new label as
Google Analytics: GA4 event
tag. In the label configuration, the name of the event is specified.
For event parameters , you can add a new line and enter its
parameter name
and
values, for example, the value of \”phone\” is { {NUMBER}, the value of the \”page\” is {{url}}.
Step 2: Use DataLayer to use Google to track code manager to create events from
trigger
In the tab, please add a new trigger.
Select the trigger type
custom event [ 123].
You can name the trigger \”ninjateam whatsApp trigger\”.
Important Tips
: set the event name to \” ninjateam whatsApp \” and event Including \”
ninjateam whatsapp
\”.
After completing the mark and trigger configuration, you will see two types of markings, as shown below.
Step 3: Send the event to Google Analytics 4
At tag managIn the Er Workspace screen, click Preview to open Google Tag Assistant. This will open a new debugging session. When the prompt pops up, click Continue . Then, navigate to your webpage, you will see GTM tag assistant connected badge. Now you can run the test by performing a click on the page. For example, try to click WhatsApp ward and choose to support agents to chat.
Then, turn to the Tag Assistant screen, if you look at it Two labels were triggered under the output of GTM, and the event trigger was set correctly.
In addition, in Google Tag Assistant Sumary, you can click the data layer
to check the value of the data layer sent to Google Analytics 4. Here you can see the value of the data layer, such as
number
,
url
, event_category , etc.
In the variable tab, you can see the new number and url data layer variables you set in step 1. The more variables you set, the more event labels appearing in the Google Analytics report.
You can repeat the test multiple times and use
GA4 real -time report
to ensure Need variables.
If you use the \”phone number in (step 1) \”As an event name, you should see the\” telephone \”event count in the GA4 real -time report under the\” Ninjateam WhatsApp \”incident.
Give you
I hope this guide can help you successfully set up Google ANalytics 4 incident tracking.And don’t forget how to use WhatsApp Chat WordPress plug -in and GA4 events with us.