Difference between revisions of "MediaWiki:Common.js"

From Expat Wiki
Jump to navigation Jump to search
('hitCallback': function(){ window.open(url); })
(Add event listener via JS.)
Line 2: Line 2:
  
 
// == Google Analytics =========================================================
 
// == Google Analytics =========================================================
 
/**
 
* Function that captures a click on an outbound link in Analytics.
 
* This function takes a valid URL string as an argument, and uses that URL string
 
* as the event label. Setting the transport method to 'beacon' lets the hit be sent
 
* using 'navigator.sendBeacon' in browser that support it.
 
*/
 
var captureOutboundLink = function(url) {
 
  ga('send', 'event', 'outbound', 'click', url, {
 
    'transport': 'beacon',
 
    'hitCallback': function(){ window.open(url); }
 
  });
 
}
 
  
 
function cyrb53(str) {
 
function cyrb53(str) {
Line 47: Line 34:
 
ga('send', 'pageview');
 
ga('send', 'pageview');
  
 +
 +
/**
 +
* Function that captures a click on an outbound link in Analytics.
 +
* This function takes a valid URL string as an argument, and uses that URL string
 +
* as the event label. Setting the transport method to 'beacon' lets the hit be sent
 +
* using 'navigator.sendBeacon' in browser that support it.
 +
*/
 +
var captureOutboundLink = function(url) {
 +
  console.log(url);
 +
  return;
 +
  ga('send', 'event', 'external', 'click', url, {
 +
    'transport': 'beacon',
 +
    'hitCallback': function(){ window.open(url); }
 +
  });
 +
};
 +
 +
// Add click event to all external links.
 +
const buttons = document.querySelectorAll('.mw-parser-output .external');
 +
 +
for (i = 0; i < buttons.length; ++i) {
 +
  const button = buttons[i];
 +
  button.addEventListener('click', function(event) { captureOutboundLink(event.currentTarget.href);  } );
 +
}
  
 
// == /Google Analytics =========================================================
 
// == /Google Analytics =========================================================

Revision as of 20:00, 4 May 2022

/* Any JavaScript here will be loaded for all users on every page load. */

// == Google Analytics =========================================================

function cyrb53(str) {
   var seed = 0;
   var h1 = 0xdeadbeef ^ seed,
      h2 = 0x41c6ce57 ^ seed;
   for (var i = 0, ch; i < str.length; i++) {
      ch = str.charCodeAt(i);
      h1 = Math.imul(h1 ^ ch, 2654435761);
      h2 = Math.imul(h2 ^ ch, 1597334677);
   }
   h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507) ^ Math.imul(h2 ^ h2 >>> 13, 3266489909);
   h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507) ^ Math.imul(h1 ^ h1 >>> 13, 3266489909);
   return 4294967296 * (2097151 & h2) + (h1 >>> 0);
};

var clientIP = "{$_SERVER['REMOTE_ADDR']}";
var validityInterval = Math.round (new Date() / 1000 / 3600 / 24 / 4);
var clientIDSource = clientIP + ";" + window.location.host + ";" + navigator.userAgent + ";" + navigator.language + ";" + validityInterval;
var clientIDHashed = cyrb53(clientIDSource).toString(16);

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-158655997-1', {
   'storage': 'none',
   'clientId': clientIDHashed
});
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');


/**
* Function that captures a click on an outbound link in Analytics.
* This function takes a valid URL string as an argument, and uses that URL string
* as the event label. Setting the transport method to 'beacon' lets the hit be sent
* using 'navigator.sendBeacon' in browser that support it.
*/
var captureOutboundLink = function(url) {
  console.log(url);
  return;
  ga('send', 'event', 'external', 'click', url, {
    'transport': 'beacon',
    'hitCallback': function(){ window.open(url); }
  });
};

// Add click event to all external links.
const buttons = document.querySelectorAll('.mw-parser-output .external');

for (i = 0; i < buttons.length; ++i) {
  const button = buttons[i];
  button.addEventListener('click', function(event) { captureOutboundLink(event.currentTarget.href);  } );
}

// == /Google Analytics =========================================================