How to Configure Google Tag Manager
Introduction:
Google Tag Manager (GTM) is a versatile and indispensable tool for website administrators, empowering you to efficiently manage and deploy various tracking codes, marketing pixels, and analytics scripts without the need to directly alter your website's underlying code. By implementing GTM, you can centralize the integration of third-party services like Google Analytics, Facebook Pixel, and custom HTML snippets through a user-friendly dashboard, streamlining your website management workflow.
This comprehensive guide will walk you through the step-by-step process of configuring Google Tag Manager on your eDirectory website and demonstrate how to add custom tags to precisely meet your tracking and integration requirements.
Steps to Configure Google Tag Manager on eDirectory:
1. Create Your Google Tag Manager Account:
- Open your web browser and navigate to the Google Tag Manager.
- Log in using your existing Google account credentials.
- Click the "Create Account" button to begin setting up your GTM account.
- In the "Account Name" field, enter a descriptive name for your account, such as your company's name.
- Under "Container Name," input your website's domain name in the specified format: www.yourdomain.com.
- Select "Web" as the target platform for your container.
- Click the "Create" button to finalize the account and container creation.
Note: A live and functioning domain (URL) connected to your eDirectory website is a prerequisite for configuring Google Tag Manager. If you need to update your website's domain, please contact our support team at support@edirectory.com for assistance.
2. Review and Accept the Terms of Service:
- Carefully read through the Google Tag Manager Terms of Service agreement.
- If you agree to the terms, check the acknowledgment box.
- Click the "Yes" button to proceed with the setup.
3. Retrieve Your Google Tag Manager Code:
- Upon successful account setup, a window containing two code snippets will appear. Click "OK" to close this initial window.
- Within your Google Tag Manager dashboard, navigate to the "Admin" section (usually located in the top navigation bar).
- Locate and copy your unique "Container ID." This ID will be in the format
GTM-XXXXXXX
.
4. Integrate the GTM Container ID with Your eDirectory Website:
- Open a new browser tab and log in to your eDirectory Site Manager (your website's administrative backend).
- Navigate to the "Settings" section in the left-hand menu.
- Click on "Google Integrations."
- Select the "Google Tag Manager" tab.
- In the "Google Tag Manager Container ID" field, paste the Container ID (e.g.,
GTM-XXXXXXX
) that you copied from your GTM dashboard. - Ensure the "Enable Google Tag Manager" option is checked.
- Click the "Save changes" button to apply the GTM integration to your eDirectory website.
With these steps completed, Google Tag Manager is now successfully configured and active on your eDirectory website.
Adding Tags (Scripts) in Google Tag Manager:
Once GTM is implemented on your site, you can begin adding various tags (scripts) to track user interactions, integrate marketing platforms, or implement custom functionalities.
1. Create a New Tag:
- In your Google Tag Manager dashboard, navigate to the "Tags" section in the left-hand menu.
- Click the "New" button to create a new tag.
2. Configure a Custom HTML Tag:
- Click on the "Tag Configuration" section to choose the type of tag you want to create.
- To implement custom scripts, select the "Custom HTML" tag type from the available options.
- Provide a descriptive "Name" for your tag (e.g., "Facebook Pixel").
- In the "HTML" field, paste the script code that you want to deploy on your website (e.g., your Facebook Pixel base code or a custom tracking script).
- Under the "Triggering" section, select "All Pages" to ensure that this script is applied across your entire website.
- Click the "Save" button to finalize the tag configuration.
3. Submit and Publish Your Tag:
- After creating and saving your tag, click the "Submit" button located in the top right corner of your GTM dashboard to apply the changes to your live website.
- In the "Submit Changes" window, provide a descriptive "Version Name" (e.g., "Added Facebook Pixel") and a brief "Version Description" (optional, for more detailed notes on the changes).
- Click the "Publish" button to deploy the newly created tag to your eDirectory website.
- Upon successful publication, a confirmation message will appear, indicating that the tag is now live on your site.
Conclusion
Google Tag Manager significantly simplifies the process of managing and deploying website scripts, ensuring a more organized and efficient workflow. By providing a centralized platform to create, update, and manage tags without directly editing code, GTM is an invaluable tool for optimizing your eDirectory website's functionality and tracking capabilities.
By following this comprehensive guide, you have successfully configured Google Tag Manager on your eDirectory site and learned how to add custom tags, empowering you to seamlessly manage your website's diverse integration needs.