Custom Event Tracking with Google Tag Manager

Usecase & Goal

If you want to optimize and measure advanced events that are beyond standard analytics. With that, you can track any custom event client sided, e.g. “User dwells on pricing page for 15 seconds”.

Later on you can make those custom events available in your dashboards - see this article: Create Custom Conversions

Note

Note: You can also integrate custom events with a tracking script (advanced): Custom Event Tracking Script

Loom Video Explainer

Tracking Custom Events with Google Tag ManagerLoom · 4:34

Google Tag Manager Setup

1. Login to your Google Tag Manager

2. Navigate to Tags

3. Create a new Tag

4. Name the Tag in a descriptive manner

5. Tag Configuration: Choose “Custom HTML”

6. Add the following Code (change the detail placeholder name “Some Interaction” with the name of your Event):

   <script>
     window._adbq = window._adbq || [];
     window._adbq.push([
         'track',
         'web_event_custom',
         {
             attributes: {
               event: {
                 detail: 'Some Interaction', //Required
                 value: 10.00 //Optional
               }
             }
         }
     ]);
   </script>

7. Trigger Configuration: Setup as you want the event to trigger

8. Save it and publish as a new version

If you want to see this event in your dashboard, you have to set it up as described in this article: Create Custom Conversions

Feel free to reach out to us, if you need help with the setup!