Hi Sabrina,
I have been implementing the same for older version of GA (Universal Analytics). However, the approach should be the same.
You should setup a utag.link() call using a DOM Ready extension. For example, if we talk specifically about Sign Up then try the following approach:
1. Identify the success and failure scenarios for Sign Up
- Form field validation appears - Failure
- Users clicks on Sign Up and is redirected to the profile page - Success
2. Understand the HTML elements that make up the Sign Up button for finding the correct JQuery selector
- Does it have an 'id' attribute or only 'class' attribute?
- Ensure that the id or class that you will use as a JQuery selector is unique to that element only. You can use document.querySelectorAll('#id or .className') to figure that out.
3. Make a JQuery onHandler extension with the following:
- JQuery Selector = #id or .class (explained how to find it in the previous step)
- Trigger on = 'click'
- Tracking Event = custom
- For this, you will have to code conditions of success and then populate the utag.data with 'signup_success' tealium event.
This can be a good starting point for this. Then, you can figure out how to send them to GA using Data Mapping in your Google Analytics tag.
Expand/CollapseMenu
