By default, Social Native tracks metrics and surfaces this information in your Social Native account's analytics dashboard. If you want to use a 3rd party analytics tool to also track performance for our Earned Content widgets then the recommended method is to place event tracking tags within Social Native HTML elements.
Example:
Below is an HTML div element that is rendered via Social Native. Using Google Analytics or any 3rd party code that can support this, you can add an event tracker. In the example below, the 'onClick' attribute was added to track a click event that opens the lightbox.
<div class="olapic-item-info olapic-item" onClick="_gaq.push(['_trackEvent', 'category': 'Olapic', 'action': 'photo_gallery', 'label': 'viewimage']);" data-url="#{{this._links.self.href}}">
And this is how this will look in the Social Native admin:
Instructions
Determine which events/actions you would like to track. For example, clicking of a photo, upload button, etc.
Navigate to the Earned Content Appearance Editor by going to Activate > Appearance
Determine the template that contains the HTML element you would like to add the tracking tags to. In the Appearance Editor, there are two tabs where templates are contained: Themes and Widgets.
Themes
The Themes tab will contain the Media Lightbox and Upload Process templates.
Media Lightbox
The Media Lightbox templates contain the HTML elements that render the Lightbox including:
Social share buttons in the lightbox
Products under the "Shop This Look" section that are clickable to products
Upload Process
The Upload Process templates contain the HTML elements that render the Uploader including the following events you can track:
Upload buttons for Facebook, Instagram, and Hard Drive
Previous and Next buttons (the same buttons appear during the entire process)
Widgets
The widgets tab contains all the widget templates and this is where you can add tracking tags for events like:
Clicking a user photo
Upload and view all photos button
Carousel arrows.
Notes:
Social Native also uses Google Analytics to track certain metrics.
The Social Native uploader uses an iFrame so in your 3rd party analytics dashboard any metrics generated through clicks in the uploader will show "Photorank.me" as the source.
If the 3rd party analytics tool of your choice doesn't support event trackers, please reach out to techsupport@socialnative.com with details about the options your analytics tool supports.