在打开新窗口之前，如何确保单击功能中的所有代码都已执行？

Question

I have a function that triggers on click that sends off one tracking event to Google, and one request to my server to create a record in the database.

Everything works fine for desktop users but for some mobile users Google will record click events that my database doesn't. After some research I think I've narrowed down the problem to the fact that opening a new window via a web view causes the previous window to stop executing JavaScript, so the request to my server never gets sent. I temporarily mitigated the problem by adding a small delay to the window opening but recently I've noticed that the built-in pop-up blockers in web browsers are blocking the window so I've had to remove the delay.

Html:

<a ng-click="captureClick(pageUrl)" target="_blank">

JS:

$scope.captureClick = function(link){
  //Send Google Analytics click event
  ga('send', 'event', 'click');

  var linkObj = {
    //Create object with click details
  };
  Links.save(linkObj);

  $window.open(link);
};

Answer 1

Use Promises:

new Promise(function(resolve, reject) {
  // your code to your server
  // after your server replied to the call
  resolve();
}).then(function(data) {
  // google track code
});