Print
Full screen
Share

Tracking (onclick) CTAs via PixelMe in DIVI Theme

If you work with Divi Theme and PixelMe, you quickly realise that adding a simple 'onclick event' to their Call-To-Action buttons isn't straightforward (Divi's buttons are styled anchor tags rather than regular HTML wrappers).

Watch our video instruction on YouTube or follow this step-by-step process on our Fleeq page to implement PixelMe in Divi.

Event Tracker of PixelMe in Divi promo image

Here's how to implement Event Tracker of PixelMe in Divi Theme by Elegant Themes in 5 easy steps:

  1. Pick a button you want to track – either for a single CTA button or all buttons at once.
  2. For ALL CTA's, identify the default CSS Class of your DIVI Theme buttons (e.g. ".et_pb_button"). Use your browser's default inspector to confirm the right Class name for your button. Or to narrow down to a single CTA – input a custom CSS Class name in DIVI CTA Module Settings – Advance Setting – Custom CSS field (e.g. "callus")
  3. Next, log in to your PixelMe Dashboard and go to Smart Attribution – Settings – Tracking code
  4. Select "Tracked events" from the dropdown. You should choose whatever is closest to your CTAs event you are trying to record. Copy the generated event script.
  5. Log in to your WP Dash and go to Divi – Integration – Header. Insert the following jQuery script with the button's Class and your copied script from PixelMe:
PixelMe in Divi event tracker example
PixelMe in Divi event tracker example

Now every time someone clicks on the CTA(s) the event gets recorded on your PixelMe Dashboard.

This article was originally posted on Colorpeak.co.uk: Tracking (onclick) CTA’s via PixelMe in DIVI Theme

Want to create own pages and collaborate?
Start your free account today:
By clicking “Sign up”, you agree to our Terms and Conditions