Google Analytics View Selector не работает в приложении Angular 5 - PullRequest
0 голосов
/ 31 августа 2018

Я пытаюсь реализовать Google Analytics DataChart Viewer в моем приложении Angular 2. Я добавил

(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', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-122218479-1', 'auto'); // add your tracking ID here.
ga('set', 'page', '/#/admin/google-analytics');
ga('send', 'pageview');

на странице index.html

ngAfterViewInit() {
  gapi.analytics.ready(function() {
    const CLIENT_ID = '--secrete id ---';
    gapi.analytics.auth.authorize({
      container: 'auth-button',
      clientid: CLIENT_ID,
    }, function(res) {});

    // Step 4: Create the view selector.

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

    // Step 5: Create the timeline chart.

    const 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',
        options: {
          width: '100%'
        }
      }
    });

    // Step 6: Hook up the components to work together.

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

    viewSelector.on('change', function(ids) {
      const newIds = {
        query: {
          ids: ids
        }
      };
      timeline.set(newIds).execute();
    });
  });
}

и в моем компоненте я добавил ниже код в

в компоненте HTML -

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

он работает, когда я перезагружаю страницу, но когда я меняю маршрут, он не работает. Я не получаю никакой ошибки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...