How do I make Google Analytic to report on a Box or Image click? What needs to be done in Unbounce side?


#1

I am using the Unbounce template that has:

  1. a image in which a company logo is placed. On click, this will bring user to the company website.
  2. a Facebook and Twitter box. Onclick, this will bring user to the corresponding Facebook and twitter page.

What do I have to do to report those clicks in Google Analytics? Specifically, what I have to do on the Unbounce side?


#2

Hey Laura - how you’ll do this depends how you’ve integrated Google Analytics but since “Universal Analytics” is their new standard, I’ll show you how using that method.

In Unbounce, your image will have an ID which you’ll need for this implementation. To find it, select your image then look in the Advanced section of the properties pane. It should be something like #lp-pom-image-23

You’ll then add the following code to your page using the Javascript tab. Just be sure to update the image ID with your image’s actual ID:

$(’#lp-pom-image-23’).on(‘click’, function() {
ga(‘send’, ‘event’, ‘button’, ‘click’, ‘nav-buttons’);
});

Otherwise you’ll want to update the event, button, and click properties to match your reporting specifications in GA.

But that’s about it.

It should work the same way for your Twitter & Facebook codes as well, though you’ll have to poke around each embed code to find their unique IDs.

I hope that helps.

You can check out more of Google’s implementation tips at https://developers.google.com/analyti…