Google tag manager not working on IOS

The configuration for the tag manager was done by adding something like the following to the index.html of the project:

<!-- Global Site Tag (gtag.js) - Google AdWords: GOOGLE_CONVERSION_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-GOOGLE_CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-GOOGLE_CONVERSION_ID');
</script>

Debugging the issue the apparently reason that it isn’t working is because when an event is triggered, the app makes a GET request to https://www.google-analytics.com/collect , but on the iOS build inspected through the Safari develop console, that request is never made.

Also, when opening the page from the Safari browser it’s working as expected.

The versions are:

“@capacitor/core” : “^1.0.0-beta.17”

“@capacitor/ios”: “^1.0.0-beta.19”

“@capacitor/cli”: “^1.0.0-beta.19”

Testing from an iPhone 6 running IOS 11.4.1

[tyeon95]

@Snake231088 is it possible to implement a similar fix for a GTM script?

I’ve managed to relay the ga settings from GTM by doing the following:

1. Create a new GTM variable called Empty function as a Custom Javascript type with the following contents:

function() {
     return function() {}
}

1. Create a new GTM variable called JS - GetClientId as a Custom Javascript type with the following contents:

function() {
     if (window.Storage) {
       return window.localStorage.getItem('_clientId') || undefined;
     }
     return;
}

1. Create a new GTM variable called JS - SetClientId as a Custom Javascript type with the following contents:

function() {
     return function() {
       if (window.Storage) {
          window.localStorage.setItem('_clientId', ga.getAll()[0].get('clientId'));
       }
     }
}

1. Open your GTM variable where you set the Google Analytics Settings type. Go to More Settings > Fields to Set.
   1. Set Field Name to checkProtocolTask with Value as {{Empty function}}
   2. Set Field Name to storage with Value as none
   3. Set Field Name to hitCallback with Value as {{JS - SetClientId}}
   4. Set Field Name to clientId with Value as {{JS - GetClientId}}
2. Publish, and you’re done!

Essentially, 4.i - removes the requirement for the URI protocol to be restricted to http or https. 4.ii, 4.iii, 4.iv - moves the GA client id to be stored on localStorage instead of in the cookie.

[Snake231088]

Ok i’ve fixed

// cookies -> localStorage
var GA_LOCAL_STORAGE_KEY = 'ga:clientId';
ga('create', 'XXXXXXXXX', {
        'storage': 'none',
        'clientId': localStorage.getItem(GA_LOCAL_STORAGE_KEY)
});
ga(function (tracker) {
        localStorage.setItem(GA_LOCAL_STORAGE_KEY, tracker.get('clientId'));
});

// allow capacitor:// as protocol
ga('set', 'checkProtocolTask', function () { /* nothing */ });