[PhoneGap] Open any external link inside PG inAppBrowser

inAppBrowser.js

/* Handle any link start with http or https using PhoneGap (Cordova) inAppBrowser
 * Options you can set data-in-app-browser html attribute to one of the
 * following options: 
 * _self - opens in the Cordova WebView if url is in the white-list, else it opens in the InAppBrowser 
 * _blank - always open in the InAppBrowser 
 * _system - always open in the system web browse
 */

$(document).on('click', 'a[href^=http], a[href^=https]', function(e){

	e.preventDefault();
	var $this = $(this); 
	var target = $this.data('inAppBrowser') || '_blank';

	window.open($this.attr('href'), target, 'location=no');
});

Dumb question, but... how exactly do I call this into my Ionic project? I get that I should create the js file, reference it in index.html, but any other code I need to add to the above to make it update all my links to open in the inAppBrowser?

Thanks!

Hi I ran into a similar problem because download links (e.g. .pdf) don't work in inAppBrowser, I finally found a working solution with inAppBrowser 3.1.0 using beforeload event: https://julian.pustkuchen.com/node/809

Perhaps my solution helps you or others. I also lost several hours on this.
All things I tried in the loaded website itself didn't succeed.