Erreur de l'API Google Analytics Embed : exception non résolue [objet Object].

Question

J'essaie d'ajouter Google Analytics (GA) à mon tableau de bord, et j'ai copié exactement le code de cet article . Cependant, j'ai vu cette erreur :

uncaught exception: [object Object] (unknown script)

Je suis presque sûr que j'ai également copié exactement les CLIENT_ID fourni par Google. Pour faciliter les choses, je publie mon code ici :

<section id="auth-button"></section>
<section id="view-selector"></section>
<section id="timeline"></section>

<script>
(function(w,d,s,g,js,fjs){
  g=w.gapi||(w.gapi={});g.analytics={q:[],ready:function(cb){this.q.push(cb)}};
  js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
  js.src='https://apis.google.com/js/platform.js';
  fjs.parentNode.insertBefore(js,fjs);js.onload=function(){g.load('analytics')};
}(window,document,'script'));
</script>

<script>
gapi.analytics.ready(function() {

  var CLIENT_ID = 'xxxxxxxxxxxx.apps.googleusercontent.com';

  gapi.analytics.auth.authorize({
    container: 'auth-button',
    clientid: CLIENT_ID,
  });

  var viewSelector = new gapi.analytics.ViewSelector({
    container: 'view-selector'
  });

  var timeline = new gapi.analytics.googleCharts.DataChart({
    reportType: 'ga',
    query: {
      'dimensions': 'ga:date',
      'metrics': 'ga:sessions',
      'start-date': '30daysAgo',
      'end-date': 'yesterday',
    },
    chart: {
      type: 'LINE',
      container: 'timeline'
    }
  });

  gapi.analytics.auth.on('success', function(response) {
    viewSelector.execute();
    console.log(response);
  });

  viewSelector.on('change', function(ids) {
    var newIds = {
      query: {
        ids: ids
      }
    }
    timeline.set(newIds).execute();
  });
});
</script>

Quelqu'un a-t-il déjà rencontré cette personne ?

Answer 1

J'ai rencontré le problème aujourd'hui.

Vous pouvez ajouter

window.addEventListener('error', function(event) {
  console.log('err', event);
});

pour détecter l'erreur potentielle.

Pour moi, cela s'est produit à cause de

gapi.analytics.auth.authorize({
    container: 'auth-button',
    clientid: CLIENT_ID,
});

L'erreur affichée était (tronquée)

error: Object { error: "idpiframe_initialization_failed... Please go to https://console.developers.google.com/ and whitelist this origin for your project's client ID" }