Reputation: 88
I'm trying to create a DTM event rule that triggers an event at the start of a form, and then a different event for each step of the process (three steps total).
The event rule I create is setup like so:
The thought is to isolate the device type and then create individual rules associated to each step of the process, but the rule doesn't seem to be working. I testing this by using a useragent plugin for Chrome.
If this isn't the right approach or isn't going to work, I'm open for suggestions.
Upvotes: 0
Views: 203
Reputation: 712
If this is part of a spa and you just want to trigger your rule for each step, I would suggest using an Event rule, but instead of a click use pushState or hashchange
. This will trigger each time the hash in your url changes, so that you can fire a page view on each step or capture values as needed. You can also filter your criteria to hash to only include/exclude specific hashes. Just make sure that if your site has multiple spas included that might have the same hashes that you specify your path as well. I use this for SPAs across some different sites and its worked beautifully.
**EDIT
This is a basic rule I have set up on a reservation path. The URL is /reserve.html
, with hashes like: details
, booking
, review
, and confirmed
. This rule fires on every hash but /reserve.html#confirmed
which has a different rule with conversion tags and pixels.
Upvotes: 1
Reputation: 421
Here’s an idea:
Step 1: Check to see if form exists on page load Step 2: if form exists. Set cookie to “start” and fire start event Step 3: On click of form 1 submit, check for cookie value. If set to start (previous action), set cookie to form 1 submit and fire form 1 event. Step 4: Repeat until confirmation page and clear cookie upon submission
This should only require event based rules, a cookie for current state and events for each step in the funnel.
Just a something to try. Mark
Upvotes: 1
Reputation: 32517
Okay in your comment you said you are trying to trigger the rule based on this link:
<a href="/wgu/inquiry_form-b" class="btn--yellow--arrow"> "Request Info"</a>
Here is an example of what I think you are attempting to do, based on what you have shown so far.
Event Type: click
Element Tag Or Selector: a
Enable Manually assign properties & attributes
Add the follow Propery and Value entries:
Property: innerText
Value(enable regex): \bRequest Info\b
Note:The above is regex with word boundaries because DTM does not properly store/output quotes in this field so this is next best thing.
Property: pathname
Value: /wgu/inquiry_form-b
Screenshot:
Upvotes: 0