Home >Blog >How to Track Google Analytics Conversions for Elegant Themes Bloom Email Plugin
Elegant Themes Bloom Email Opt-in Plugin

How to Track Google Analytics Conversions for Elegant Themes Bloom Email Plugin

David Bosley

Do you want to track Google Analytics conversions using Elegant Themes Bloom Email Opt-In Plugin without redirecting users to a thank you page or having to use another plugin? If so, the below method will show you how to do this with Google Tag Manager.

A huge thank you to Kudos to MeasureSchool on How to track Success and Error Messages with Google Tag Manager for providing the framework on how to solve this problem. Taking from what is described in the video above, below are the steps needed to track conversions with Bloom specifically using Google Tag Manager.

 

Step 1

  1. Create a new Trigger with the trigger type “Element Visibility” and rename it “Visibility – Form Success” or whatever you like.
  2. Choose “CSS Selector” as your selection method
  3. For Element Selector, add  .et_bloom_success_message
  4. Choose to fire “every time an element appears on screen”
  5. Select “Observe DOM changes”
  6. Hit save

Your end result should look like this:

 

Step 2  (optional if you want to track Errors as well)

  1. Duplicate your saved trigger “Visibility – Form Success” and rename it “Visibility – Form Error” or whatever you like.
  2. Keep everything the same except change Element Selector to  .et_bloom_error_message
  3. Hit save

Your end result should look like this:

 

Step 3

  1. Create a new Variable with a variable type of “Lookup table” and rename it “Lookup – Bloom Success or Error” or whatever you like.
  2. Input Variable should be   {{Click Classes}}
  3. add an input of et_bloom_success_message with output of Success
  4. add another row and add input of et_bloom_error_message with output of Error
  5. Hit save

Your end result should look like this:

 

Step 4

  1. Create a new Tag with tag type of Google Analytics – Universal Analytics and rename it “Google Analytics – Bloom Form Submission” or whatever you like
  2. Track type should be Event
  3. Category should be FormSubmit
  4. Action should be {{Lookup – Bloom Success or Error}}
  5. Add in your Google Analytics tracking ID or choose your Google Analytics Settings variable already saved.
  6. Triggering should fire on both Visibility – Form Success and Visibility – Form Error

Your end result should look like one of these two versions depending on how you choose to add your GA code:

or like

Step 5

  1. Save and Publish your Google Tag Manager session so the changes are published live.

Step 6.

  1. Go to Google Analytics and set up a new Goal
  2. Choose goal setup Custom
  3. Goal description can be whatever you want to name the goal like “Bloom Newsletter Sign Up Form” if you are tracking successful submissions as this goal.
  4. Category = FormSubmit
  5. Action = Success
  6. Hit Save

Your end result should look like this:

Step 7 (optional if you want to track Errors as well)

  1. Create the same goal as the one above, but this time make Action = Error
  2. Hit save

 

And there you have it! You are now tracking successful or unsuccessful Bloom sign-ups as Goals in Google Analytics.

Comments 1

Leave a Reply

Your email address will not be published. Required fields are marked *