How to Add Picreel Snippet Code via Google Tag Manager
Google Tag Manager simplifies code-editing tasks and enables the marketing team to add/update website tags – including javascript code snippets for site analytics, conversion tracking, and remarketing.
By adding the Picreel snippet code via GTM, you can:
-
Measure traffic and website behavior easily
-
Improve targeting of your offers/promotions
-
Integrate GTM with Google Analytics hassle-free to track events, page views, & perform cross-domain tracking
Here’s what the Picreel popup would look like on your site:
(1).gif?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5NDgwL2NrZmluZGVyL2ltYWdlcy9xdS9lemdpZl9jb20tZ2lmLW1ha2VyJTIwKDM2KSgxKS5naWYiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3NjUwMTcwODd9fX1dfQ__&Signature=NLh8XwvOFl3ZLeB7T16pkwUyIMhRVLcNflYd3h1EYmrsSivItJ151YjaduvXoYqX2vysGzch7NgMLOCdkeL-apRGNKs1oEEmgOXtR1GJIqWhe1h0cDogSTLPmWIsz9gXreUsHFKBEZ1kYvRnRLpeqZAbTLTk6OgpL6azyTbijobrWMDYzxe5fT0ghE6rJwCZ2sKGNoBAVqymELjPtioFAw8Ovvq9rYQ9dsTWAlj7abk80b-DDhG9UjJn0hJQjBH317VRi2G-tMYuKclXAyOMnsF~fEKh7oDYoFjydj5oWGpNvJc1uTDuHfV13a6I-xx~Wg20agFhaRPrEvqqQSbSyw__&Key-Pair-Id=K2TK3EG287XSFC)
Add Picreel snippet code via Google Tag Manager
Step1: Google Tag Manager Account & Container Setup
-
Account Creation:
- Log in to your Google Tag Manager(GTM) account.
- If you don't have an existing GTM account, click "Create Account."
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5NDgwL2NrZmluZGVyL2ltYWdlcy9xdS8yMDI1L1NjcmVlbnNob3RfMjAyNS0wMy0wNF8xMTI1NDUoMSkucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzY1MDE3MDg3fX19XX0_&Signature=bKPDeeAcqQksaqHTEG8CZwK997hQ4Nsx7pwxetNAiQ7-6Hpyccbq7YBwvImMC~ThzWMXU~nJsPo-NPv-NFbkh5JEZEvRwmJ4X~kyJav3paWjaKyKSZ5hulfxBN5i6snlrCfRIQp5wOH1tB0sVtS-pm4ogUkoBX~RYrmHsjkAcwt9My8i5Ba-UtYg~oD1hIT1G9EiYya6jAHrqJytVlMQVgdE7qPa7RE48Qbs6jjqoFSpL9RT081oS0CyCsinFT2GXqaGc7G68EMwfUupbwjIMRaxAoNA~B5txhwsJAlHFwOWe646maCWkd4CmZeVXo-1RE0PUDXKZ2-7HNFOwtuUAg__&Key-Pair-Id=K2TK3EG287XSFC)
- Follow the on-screen prompts to provide the necessary account details, including account name and country.
-
Container Creation:
- In the newly created or selected account, click "Create Container."
- Enter the container name and choose the appropriate target platform (e.g., Web, AMP, iOS, Android).
- Click "Create" and accept the Google Tag Manager Terms of Service.
A container is a code snippet you add to your website to manage all your tracking and marketing tags in one place. It stores the tags, triggers, and variables you create in GTM. Instead of adding multiple tracking codes directly to your website, you only install the GTM container, and then you can manage all your tags from the GTM dashboard.
Step 2: Picreel Integration via GTM
- Login to your Picreel account and navigate to the Installation. Click the "Install Script by Google Tag Manager" option.
Step 3: Verifying & Publishing the Picreel Tag in GTM
-
Preview and Debug (Recommended):
- Use GTM's "Preview" mode to confirm that the Picreel tag is firing correctly on your website. To do this, click Preview in Google Tag Manager.
- Enter your website URL and click Continue.
- After completing these steps, you'll see a summary of the results.
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzM5NDgwL2NrZmluZGVyL2ltYWdlcy9xdS8yMDI1L1NjcmVlbnNob3RfMjAyNS0wMy0wNl8xMDQ2MzUoMSkucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzY1MDE3MDg3fX19XX0_&Signature=HfcDURfS7kkqCwmuMkmF3Rjsy5uMDDS8-87Y~pophhAQ~HOz~gYbjr~r3KT-cRM2PXkL3c1qD0aKh~BSXJg0dfiDgyfcUsCu-CJg2VKDhyAGCIOOv9K-15BHAt0Us0BJ0t1WsLiMiTv8cG3rm94niJDtp688uq5G4FitzU-mMYEVk~4Zdv-lFumZV~Vn07l2NBQtNpbW-YfVWvDImsJC6wtqcuAQM~LkLOdF8BtaHFcWB7sgpbXrMfnl20GGPQhkaz7IbiXs7RDM~aXlR1JV0nu4r043I7L8ENW1wHBCt7PT7L0wWLS2MtkN26jGDGb2oTjU2MJU7bM5VN9Znu4maQ__&Key-Pair-Id=K2TK3EG287XSFC)
-
Submit & Publish:
- Once you've confirmed the tag's functionality, click the "Submit" button on the GTM dashboard.
- Provide a descriptive "Version Name" and "Version Description" to document the changes.
- Click "Publish" to deploy the updated GTM container.
Step 4: GTM Container Installation on Your Website
-
Retrieve GTM Container Code:
- On the GTM dashboard, click the GTM container ID (e.g., GTM-XXXXXXX).
- Copy the provided GTM container code snippets.
-
Implement GTM Code:
- Paste the first code snippet as high as possible in the
<head> section of your website's HTML.
- Paste the second code snippet immediately after the opening
<body> tag of your website's HTML.
-
Verification:
- Verify that the GTM code is correctly installed using the Google Tag Assistant Chrome extension or by checking the preview mode in GTM.
Note: When you install the Google Tag Manager code, Picreel will also automatically be installed.
That is all about adding the Picreel snippet code via Google Tag Manager. If you are facing any issues, please contact our support team.