Google, Analytics, Ads, Social, Maps
In order to make you business visibility and increase your conversion rate!!! You MUST update your google Business Profile.
It's free. Just go to here: https://www.google.com/business/​
With Appfront online ordering link
​
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.
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
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).
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​
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.
Report how many people hit home page:
Report when someone view a specific menu item.
When a customer arrives to checkout page:
Transaction completed!
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
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:
Go to https://ads.google.com in order to create a tag
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:
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.
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.
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.
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.
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".
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.
Create a new GTM account at this link: https://tagmanager.google.com/.
Under the 'Workspace' tab, you can begin configuring new Tags, Triggers, and Variables.
Usually, it's either a Pixel or a Custom HTML Tag. See below:
Click on the 'Tags' button, and then on 'New' to begin the setup process.
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).
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.
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.)
Click on the 'Triggers' button, and then on 'New' to begin the setup process.
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.
Don't forget to name your trigger and save your changes.
Click on your newly created tag under the 'Tags' list, and then click on the 'Triggering' section.
Choose your trigger from the list and save the changes.
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:
Copy your GTM container's ID. This identifier appears at the top of your GTM dashboard page:
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.
AppFront platform integrates with the Google Maps Platform API (industry standard maps and location services provider) for any geo location based service.
Google Maps API is mainly used for the online ordering product but not just. Here are some examples:
Searching an address for delivery
Asking where is the nearest restaurant
The customer current address (by using reverse geocoding of the user coordinations to retrieve their address)
Restrict delivery areas / zone
First thing, you should set up a Google account (if you already have a G-Suite account that's great!).
Please follow the steps below and send the map credentials to AppFront:
Step 1: Go to: https://cloud.google.com (login with your username and password):
.png?alt=media&token=279898c8-fcac-4faf-8ce4-436a6bca7b1a)
%20(1).png?alt=media&token=c3623b1d-95d8-46cb-80bc-5d11680407cb)
.png?alt=media&token=22bcb335-2f05-41cf-9caf-4c6854e6814a)
%20(1).png?alt=media&token=e3f08921-825d-4d1c-a2e4-f8e7b52ead91)
Step 2: https://console.cloud.google.com (or just click 'Go To Console')
In order to connect AppFront platform to Google Maps API, you will need to get the API Key and send it to your AppFront Account Manager (currently send it to [email protected], in the future you will be able to set it up in the AppFront portal).
To get an API key:
4. Now send this key to [email protected]​
5. Click restrict Key and keep this tab opened for the next step.
In order to prevent other parties from using your API key do the following:
Open your portal in another tab (for convenience)
Go to Applications -> Settings
Now from the previous tab you kept open add the Google Maps API http referers listed one by one
From the Project drop-down menu, select or create the project for which you want to add an API key.
From the
navigation menu (top left hamburger icon) - select APIs & Services -> Credentials ​
​On the Credentials page, click Create credentials > API key.
The API key created dialog displays your newly created API key (an encrypted string).
Click Close. The new API key is listed on the Credentials page under API keys.
See below how to restrict the API key before using it in production.
​
For more info:
​https://developers.google.com/maps/documentation/javascript/get-api-key#restrict_key​
8. Now send this key to [email protected]​
9. Click restrict Key and keep this tab open for the next step.
In order to prevent other parties from using your API key do the following:
Open your portal in another tab (for convenience)
Go to Applications -> Maps
Now from the previous tab you kept open add the Google Maps API http referrers listed one by one
4. Please send Appfront ([email protected]) a screenshot of the configuration so that we can confirm that everything is correct before switching the Keys in your account
Click 'Enable':
Enable Places API:
Click 'Enable':
​
Done ✅
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:
They are laterality stealing your traffic and making money on your back. They are doing it by using tricks of SEOs.
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:
​
​