How To Setup Fb Conversion API (cAPI) Monitoring Utilizing Google Tag Supervisor Server & Internet Containers

What’s required to arrange the Fb Conversion API?

To setup the Fb Conversion API alongside Google Tag Supervisor’s server-side container, you have to have the next:

• An energetic Fb advert account that helps the Conversion API.
• An entry token for the Conversion API.
• A Google Tag Supervisor account configured with a server-side container

After you have all this, then all you have to do is observe the directions beneath.

How To Setup the Fb Conversion API With GTM For WordPress Utilizing Stape.io

You’ll be able to simply arrange Fb conversion API to your WordPress website or touchdown web page utilizing Stape.io. 
With Stape, you get entry to intensive options designed to simplify your server-side monitoring setup for Google Tag Supervisor and Fb Conversion API.

Arrange server Google Tag Supervisor container

First go to you Google Tag Supervisor account, go to the Admin part and create a brand new Container:

Then enter a reputation to your server container, choose Server as the kind of container, and click on the Create button.

Choose the Manually provision tagging server possibility and replica the container configuration that you simply see. Save this configuration in a notepad as you’ll need it later.

Subsequent you have to log in to your Stape.io account and click on on Create Container.

Enter a reputation to your container, paste the Container Configuration that you simply copied out of your Google Tag Supervisor Container, choose the server location and click on Create Container.

You should wait a couple of minutes for the server container to deploy. Refresh the web page after about 5 minutes to replace the standing. If the setup was finished accurately, you need to see the standing “Working.” 

Subsequent we have to arrange a tagging URL. 

Right here you may configure a URL utilizing your individual customized area, or you should utilize your default URL that’s hosted on Stape.io.

In the event you select to go along with your individual customized area, you may add it by clicking on the Add customized area button. Then you definitely’ll have to create a DNS document for the subdomain at your area registrar.

For the DNS document, add these settings:

• Sort: A
• Identify: ss (or another subdomain title you need)
• IPv4 tackle: IP tackle is dependent upon the placement of the servers. You could find the customized area IP tackle in your stape.io account.
• TTL: Auto
• Proxy standing: disable

After that, you have to add your tagging server URL to your GTM server container. To do that go to the Admin part and choose Container Settings. 

Setting Up The GTM Server Aspect Plugin In WordPress

Go to your wordpress dashboard, go to plugins and click on Add New, seek for the GTM Server Aspect plugin, then set up and activate it.

Then open the plugin settings, and enter your Google Tag Supervisor ID, your tagging URL, and the Stape container identifier.

Setting Up Server Aspect GA4

Inside your Internet Container in GTM create a brand new Google Tag and add your Tag ID (GA4 Measurement ID), and within the Configuration settings enter the next parameters:

• Identify: server_container_url
• Worth: Enter the URL you’ve created

Then add a set off to the GA4 tag. Usually it ought to set off on all web page views. 

You’ll be able to arrange a Google tag configuration settings variable to predefine Google Tag settings when utilizing a number of Google Tags in your web site. This protects you from manually including settings for every tag.

These parameters can embrace settings like whether or not to ship a web page view occasion when a Google Tag triggers, setting UTM parameters and extra.

Right here’s an inventory of ordinary Google Tag parameters: https://assist.google.com/tagmanager/reply/13438166

Subsequent we have to arrange the GA4 occasion. To do this you have to create a brand new tag and choose Google Analytics: GA4 Occasion because the tag kind, then enter your GA4 ID and the occasion title you need.

In our case it’ll be an Add To Cart occasion.

Subsequent go to GTM Server Container, click on Consumer and create a GA4 consumer and reserve it.

Then create a brand new GA4 tag, within the occasion title part choose the variable you need add_to_cart in our case,

and add a customized set off Consumer Identify equals GA4.

Subsequent open the Server container preview mode and just be sure you see GA4 requests, if sure publish.

Setting Up The Fb Conversion API

A wonderful thing about utilizing Stape.io as your container is that it’s going to map all normal Fb occasions mechanically. If there’s a particular occasion that stape can’t map, it’ll nonetheless document it as a customized occasion, so principally you don’t have to arrange occasions manually.

Listed here are the usual occasions that Fb helps:

• PageView
• AddPaymentInfo
• AddToCart
• AddToWishlist
• CompleteRegistration
• Contact
• CustomizeProduct
• Donate
• FindLocation
• InitiateCheckout
• Lead
• Buy
• Schedule
• Search
• StartTrial
• SubmitApplication
• Subscribe
• ViewContent

To set this up, first you have to create a brand new Tag in your server container. Click on add new tag, go to the group template gallery and add Fb Conversion API Tag.

Within the tag settings choose inherit from consumer, after which you have to enter your Fb API Entry Token, Pixel ID and Take a look at ID.

To generate an API Entry Token, open your Fb Enterprise Supervisor account, go to the Occasions Supervisor, Information Sources, and click on settings. 

Then scroll down and click on Generate entry token, and replica that.

Then copy your pixel ID and Take a look at ID as nicely and return to Google Tag Supervisor and fill out the necessities.

and return to Google Tag Supervisor and fill out the necessities, save and that’s it.

You additionally want so as to add a set off. Click on triggers, create a customized set off, choose ‘’This set off fires on Some Occasions’’ and set Consumer Identify equals GA4.

and return to Google Tag Supervisor and fill out the necessities, save and that’s it.

Testing The Setup

Open the debugger for each the internet and server Google Tag Supervisor containers, after which navigate by way of your web site. Within the server GTM container’s debugger, you need to observe requests related to the Fb Conversion API Tag.

And naturally you may check it utilizing the Fb Testing device contained in the enterprise supervisor as nicely.

The way to Add Touchdown Web page Clicks as a Conversion Occasion on Fb Advertisements utilizing GTM Server

Now that you understand how to arrange the Fb Conversion API monitoring with GTM, you may arrange all types of customized triggers you want in GTM and hearth them again to Fb as conversions.

On this instance we’re going to hearth conversions on touchdown web page button clicks with Google Tag Supervisor.

So first you have to arrange the Click on Button set off. In GTM go to Triggers and configure a brand new set off.

Then choose Click on on All Components

After which configure the set off by deciding on the ‘’some clicks’’ possibility. Now you may arrange totally different circumstances for the occasion to fireside primarily based in your touchdown web page or funnel, however the easiest method is by selecting Click on Textual content from the built-in variables checklist:

So this fashion you may merely enter the textual content in your button, and when somebody clicks on that button this set off will hearth the occasion.

Subsequent when the set off is about up, you have to add a tag to it, to ship the occasion again to the Fb conversion API.

For this we’re going to create a GA4 tag with the conversion occasion we wish to ship, for instance Add To Cart. (This can solely work in case you have already arrange the Fb Conversion API and the GA4 consumer like we did within the steps above)

So click on tags, create a brand new tag and within the tag configuration choose Google Analytics and GA4 Occasion.

Then enter your GA measurement ID, the occasion title you wish to ship, and the Click on Button Set off you simply created.

Click on save and that’s it. Now you may return and check it the identical means we did above.

This manner you may simply arrange customized triggers for CTA buttons, or any buttons in your touchdown web page, and hearth conversion occasions on Fb Advertisements.