Tracking: Google Analytics, GTM, Facebook Pixel

The ability to follow and track your customers behaviour using Google Analytics, Google Tag Manager and Facebook Ads is very important in order to follow and calculate conversion.

Google Business Account
In order to make you business visibility and increase your conversion rate!!! You MUST update your google Business Profile.
Login to your business account
It's free. Just go to here: https://www.google.com/business/​
Sign In
Make sure Business Type is Restuarant 
Updated Your Website, Menu and Ordering 
With Appfront online ordering link
​
Google Analytics 
Overview
The ability to follow and track your customers behaviour using Google Analytics, Google Tag Manager and Facebook Ads is very important in order to follow and calculate conversion.
Set Up
In our portal you can add the identifiers (pixels) from all of the 3rd parties and they will be integrated within the online ordering.
Go into Configure -> Applications and choose the Tracking tab
Facebook & Instagram Pixel
Overview
FB (Facebook) and IG (Instagram) are part of FB ads manager, i.e., same pixel to track both. You can connect multiple pixels if you'd like (great if you have different stores with multiple FB pages). 
FB Pixel Helper
Before we start, and in order to track all events, we recommend to download the FB Pixel Helper extension for Chrome
​https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc​
Events tracking 
Appfront platform track different types of events that will allow you to understand your ROI and track end to end from advertisement-> clicks -> view item -> add to bag -> purchase. 
Appfront report the the menu item information, pricing, and more. Use the FB helper to better understand all information.
Home Page Event
Report how many people hit home page:
Menu Item Event
Report when someone view a specific menu item. 
Checkout Page Event
When a customer arrives to checkout page:
 
Completed Checkout page
Transaction completed!
Get Pixel
FB ads manager is something that they change very often. Please follow up the link below to learn more how to pull FB pixel.
Go into https://www.facebook.com/ads/manager/pixel/facebook_pixel
and get started creating a Facebook pixel
Select "Manually Install the Code Yourself"
And press ok until the pixel has been created. Be sure to select the events that interest you
When you click done you will be able to see the Tracking ID at the top of the screen 
Connect Appfront Tracking
Go to Appfront tracking tab:
Copy that ID and paste it into the FACEBOOK box in our portal tracking tab and select the events that you would like to follow:
Google Ad Words
Go to https://ads.google.com in order to create a tag
Google Analytics
Set Up Tracking Id
In order to find your GA tracking ID:
Go to https://analytics.google.com/analytics/web 
And select the last option on the left menu : ADMIN
Create a new property, or use a property that was already defined in the account and select "Property Settings"
In the property settings you will find the Tracking Id:
And in the Appfront portal, you paste your Tracking Id under GA:
Track your ROI
GTM (Google Tag Manager)
Appfront's platform is now integrated with the newest, latest version and standard of GTM. This makes the Appfront platform open for all e-commerce events that can be fired with GTM (i.e. - a very powerful marketing tool):
Link ANY pixel/event that you wish for (with no custom development)
Manage and control your marketing as a pro - directly from the GTM dashboard
Standard e-commerce events - Appfront supports all e-commerce events according to GTM's standard 
If this is your first time, we recommend starting with the "Basic Terms" section first. If you're already a marketing PRO, you can feel free to skip directly to the "GTM Set Up" section.
Appfront currently supports the following e-commerce events for GTM:
|select_item
|view_item
|add_to_cart
|remove_from_cart
|purchase
Basic Terms
Google Tag Manager (GTM by abbreviation) allows you to deploy and track marketing data as well as your users' online ordering activity by adding 'Tags' to your website's code.
What are Tags?
Tags are basically HTML code snippets that are added to your website.
Generally speaking, Tags will either be an image in HTML formatting:<img src="https://www.mypizzaplace.com/order/pizza/mypixel.gif?event=open_item&itemName=breakfast>which is a pixel. 
Pixels were originally designed for when a browser does not allow JavaScript code, though, they are easier to configure (they do not require coding) and are more efficient. 
Apart from Pixels, Tags can also be scripts that call a JavaScript code: (<script> ACTUAL_CODE_HERE </script>). 
Tags are "fired" once a specific action or event is committed or, triggered.
What are Triggers?
As mentioned before, Tags fire in response to events. In Google Tag Manager, a trigger "listens" or "observes" your web page, looking for certain types of events like form submissions, button clicks, or page views. 
The trigger fires the tag when the specified event is detected. 
What are Variables?
Variables are  "placeholders" for dynamic values that are set as conditions for triggering or firing a tag. 
Variables are like filters, that determine under which event a trigger will fire. For example, you can set a variable that determines that a trigger will fire only when the user reached a certain URL.
"Fire the tag when the URL contains /order/itemid=XXX".
How does it work, then?
As mentioned before, tags are injected into your website's code and are fired by specific triggers. 
These triggers are triggered to fire the tag once specific events are detected. 
These events could be, for example; selecting an item, adding an item to the cart, removing an item or completing a purchase.
You can then use this data according to your needs; tracking, analyzing and deploying additional marketing campaigns accordingly.
GTM Set Up
This guide is meant for Appfront related tags using GA4. For other tags please consult with us at [email protected]
In order to integrate GA4 tags with Appfront, you are going to create the following Tags, Triggers and Data Layer Variables:
Please follow this guide step by step and only once you finished reviewing our "Before Hitting the Publish Button" section, consider this process completed.
 Creating GA4 Configuration Tag
1.Enter the "Tags" page
2.Click "New" to create a new tag
3. Click anywhere inside the "Triggering" section
4. Select "All Pages" - Page View trigger
5. Click anywhere inside the "Tag Configuration" section
6. Select "Google Analytics: GA4 Configuration"
7. Paste your "Measurement ID" here (follow the steps below to get your Measurement ID):
8. Once you have the Measurement ID in place and completed all previous steps, click "Save"
Getting Measurement ID
In case you have your Measurement ID already, skip the next 5 steps.
1.Open your Google Analytics dashboard
2.Open the "Admin" section
3. Select "Data Streams"
4. Click your website that you want to track
5. Copy the "Measurement ID"
Creating Ecommerce event tags
1.Enter the "Tags" page
2.Click "New" to create a new tag
3. Click anywhere inside the "Triggering" section
4. Add a new trigger for each ecommerce event
5. Select the "Trigger Configuration" section, then select "Custom Event"
6. Set the name of the event, this should be one of the following for each event (each event will need a separate trigger):
add_to_cart
view_item
purchase
7. Click "Save"
8. Click anywhere inside the "Tag Configuration" section
9. Select "Google Analytics: GA4 Event"
10. Configuration Tag = The configuration tag you created previously
11. Event Name = one of the following:
add_to_cart
view_item
purchase
12. Click on "Event Parameters" -> "Add Row", then set the parameter name depending on the event (add a new row for each parameter):
Event Name
Parameter Names
add_to_cart
items
view_item
items
purchase
items, transaction_id, affiliation, value, coupon, currency, shipping, tax
13. In order to set the value for each parameter, click here:
14. Create a "Data Layer Variable" for each parameter:
15. Set the Data Layer variable name according to the parameter (Name - Data Layer Variable Name):
Ecommerce Items - ecommerce.items
Ecommerce Transaction ID - ecommerce.transaction_id
Ecommerce Affiliation - ecommerce.affiliation
Ecommerce Value - ecommerce.value
Ecommerce Tax - ecommerce.tax
Ecommerce Shipping - ecommerce.shipping
Ecommerce Currency - ecommerce.currency
Ecommerce Coupon - ecommerce.coupon
16. Save the Data Layer Variable
17. Select it from the variables list
18. Save your tag's configuration
Before Testing
Please make sure that you have created the following elements:
Data Layer Variables
Triggers
Tags
Once these are all confirmed, proceed and integrate your tag manager with Appfront, then you should be able to test by clicking the "Preview" button.
Integrate GTM with Appfront
After you've configured your Pixel on GTM, you'll need to enter your container's identifier in Appfront's portal in order to complete the integration process. To do this, follow these steps:
Get your container ID
1.Copy your GTM container's ID. This identifier appears at the top of your GTM dashboard page:
Link to Appfront
2. On your Appfront portal, navigate to Configure ↦ Applications ↦ Tracking, and scroll to the bottom of the page to reach the GTM and Google Ads section.
3. At the bottom of the page, you'll find a '(NEW) GTM' configuration window. Insert your container's ID that you copied in step 1 to the 'Tracking ID' field, and save your changes.
Testing
Before testing this functionality, please make sure that you've completed the tags' configuration and integrated your GTM with Appfront
Click the "Preview" button and complete a purchase order. In the end you're supposed to see the following result:
Under the variables tab, if you click the "purchase" event, you'll be able to see in full detail:
Once the test results return as expected, hit the "Publish" button, you should be able to see data from customers within 24 hours.
For general use, you may use the guides below as a reference.
New Tag creation
1.Create a new GTM account at this link:  https://tagmanager.google.com/.
2.Under the 'Workspace' tab, you can begin configuring new Tags, Triggers, and Variables.
GTM Workspace and Dashboard
Choose Tag type
Usually, it's either a Pixel or a Custom HTML Tag. See below:
1.Click on the 'Tags' button, and then on 'New' to begin the setup process. 
2.Click on 'Tag Configuration' and choose your tag type from the list. You can either choose a featured tag from Google's default tag list, or, configure a custom tag (customized Pixels or HTML Tags).
Configuring a new tag
3. For example, if you'd like to configure a new Pixel - choose the 'Custom Image' option from the list and insert your Pixel's image URL to the 'Image URL' field. Don't forget to name your Pixel and save your changes.
Insert your Pixel's URL to configure it
New Trigger creation
The Appfront platform will "fire" the event to GTM any time someone visited your Appfront online ordering according to the customer's actions and order status (for example: checkout, view item, etc.)
1.Click on the 'Triggers' button, and then on 'New' to begin the setup process. 
2.Click on 'Trigger Configuration' and choose your trigger type from the list. You can either choose one of the default triggers from the list, or, configure a trigger that includes specific user actions by clicking 'Custom Event'.
Appfront currently supports the following e-commerce events for GTM:
|select_item
|view_item
|add_to_cart
|remove_from_cart
|purchase
3. For example, if you'd like your Pixel to fire after every successful purchase event - choose the 'Custom Event' option from the list and insert 'purchase' to the 'Event Name' field. The same applies to any of the e-commerce events mentioned above.
Name the trigger
Don't forget to name your trigger and save your changes.
Configure a new 'purchase' event trigger
Connect between your Trigger and Tag
1.Click on your newly created tag under the 'Tags' list, and then click on the 'Triggering' section.
2.Choose your trigger from the list and save the changes.
​
Opt out of 3rd Party SEO Hijacking
What does it mean?
When someone is searching your brand name in Google, and instead of going to your site directly, and enjoy thee brand awareness you've worked so hard to create, and from the organic traffic that a customer search directly for you in Google (from all the businesses ini the world), all of the 3rd party delivery companies are HIJACKING to your Google business account, and are using SEO tricks, to still your traffic, and make you pay 30% of your order.
For example:
Click on Image
Why and how are they doing it?
They are laterality stealing your traffic and making money on your back.  They are doing it by using tricks of SEOs.
What should I do?
Luckily, lately Google understand that they are actually hurting small businesses and they started to offer a really easy opt out option. You just need to sign up here and fill up the form:
Go here:
​
https://support.google.com/business/contact/business_food
 
Make sure you choose all providers:
Order with Google
Go to Appfront's back office and follow the steps. Once completed, go to Google my business and enable the service:
 
 
​

Account Set Up - Previous

In-Store

Next - Account Set Up

New Store On-Boarding Checklist

Last modified 7mo ago

Copy link

Outline

Google Business Account

Google Analytics

Overview

Set Up

Facebook & Instagram Pixel

Overview

FB Pixel Helper

Events tracking

Get Pixel

Connect Appfront Tracking

Google Ad Words

Google Analytics

Set Up Tracking Id

Track your ROI

GTM (Google Tag Manager)

Basic Terms

What are Tags?

What are Triggers?

What are Variables?

GTM Set Up

Creating GA4 Configuration Tag

Creating Ecommerce event tags

Before Testing

Integrate GTM with Appfront

Testing

New Tag creation

New Trigger creation

Connect between your Trigger and Tag

Opt out of 3rd Party SEO Hijacking

What does it mean?

Why and how are they doing it?

What should I do?

Order with Google

Google Business Account

Login to your business account

Make sure Business Type is Restuarant

Updated Your Website, Menu and Ordering

Google Analytics

Overview

Set Up

Facebook & Instagram Pixel

Overview

FB Pixel Helper

Events tracking

Home Page Event

Menu Item Event

Checkout Page Event

Completed Checkout page

Get Pixel

Connect Appfront Tracking

Google Ad Words

Google Analytics

Set Up Tracking Id

Track your ROI

GTM (Google Tag Manager)

Basic Terms

What are Tags?

What are Triggers?

What are Variables?

How does it work, then?

GTM Set Up

Creating GA4 Configuration Tag

Getting Measurement ID

Creating Ecommerce event tags

Before Testing

Data Layer Variables

Triggers

Tags

Integrate GTM with Appfront

Get your container ID

Link to Appfront

Testing

New Tag creation

Choose Tag type

New Trigger creation

Name the trigger

Connect between your Trigger and Tag

​

Opt out of 3rd Party SEO Hijacking

What does it mean?

Why and how are they doing it?

What should I do?

Order with Google