Merge pull request #45 from ftlabs/fix/tracking

[Fix] Client-side tracking

Author: Lily2point0

public/js/componentSecondIteration/main.js

@@ -1,5 +1,6 @@
 var translator;
 var Overlay = Origami['o-overlay'];
+var oTracking = Origami['o-tracking'];
 var toggleButton = document.querySelector('.ftlabs-translation__toggle');
 var articleTitle = document.querySelector(
 	'h1.topper__headline span:first-child'
@@ -19,6 +20,8 @@ var localTranslations = {};
 var overlayShowCount = 0;
 
 function init(langs) {
+	initTracking();
+
 	var languageSelect = document.createElement('div');
 	languageSelect.classList.add('o-forms__group');
 	languageSelect.classList.add('ftlabs-language-options-selection');
@@ -360,12 +363,28 @@ function removeTranslation() {
 	changeShareBar('EN', 'English');
 }
 
+function initTracking() {
+	var config_data = {
+        server: 'https://spoor-api.ft.com/px.gif',
+        context: {
+            product: 'ftlabs'
+        }
+    };
+
+    oTracking.init(config_data);
+    oTracking.page({
+    	content: {
+    		asset_type: 'page'
+    	}
+    });
+}
+
 function logComponentInteractions(interaction, language = 'EN', error = null) {
 	document.body.dispatchEvent(
 		new CustomEvent('oTracking.event', {
 			detail: {
 				action: interaction,
-				category: 'ftlabs-translations',
+				category: 'ftlabs-translations-test',
 				contentID: articleId,
 				language: language,
 				error: error

views/content.hbs

@@ -41,7 +41,7 @@
 	</div>
 	<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
 	<script
-		src="https://build.origami.ft.com/v2/bundles/js?modules=o-fonts@^3.3.0,o-header@^7.8.4,o-footer@^6.1.1,o-buttons@^5.16.2,o-overlay@^2.7.7,o-forms@^5.2.4,o-message@^3.1.3"></script>
+		src="https://build.origami.ft.com/v2/bundles/js?modules=o-fonts@^3.3.0,o-header@^7.8.4,o-footer@^6.1.1,o-buttons@^5.16.2,o-overlay@^2.7.7,o-forms@^5.2.4,o-message@^3.1.3,o-tracking@^1.7.2"></script>
 	<script src="../client/js/componentSecondIteration/splitView.js"></script>
 	<script src="../client/js/componentSecondIteration/main.js"></script>
 	{{> userTest/componentSecondIteration}}