返回列表 發帖
mankowk

Rank: 3Rank: 3Rank: 3
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2017-1-12 16:33 | 只看該作者

請教o係網站上, 顯示 ga:pageviews, (經google analytics API)

在一個 普通 Web Hosting, 整左個 web site,
join 左 Google Analytics, 有晒資料返晒去.

我想o係個網頁度, 顯示 Google Analytic 所 get 到既 瀏覽量 數據.
上網search左好多資料, 有d亂, 最後都係唔work.

請問我係咪要用 Google Analytic 個 Embed API?
我參考左下面呢度, 跟 Demo 試下做, 都唔work, 唔知邊度出錯左..
https://ga-dev-tools.appspot.com/embed-api/basic-dashboard/
https://developers.google.com/an ... g-started#client-id
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Embed API Demo</title>
  5. </head>
  6. <body>

  8. <!-- Step 1: Create the containing elements. -->

  10. <section id="auth-button"></section>
  11. <section id="view-selector"></section>
  12. <section id="timeline"></section>

  14. <!-- Step 2: Load the library. -->

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

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

  28.   // Step 3: Authorize the user.

  30.   var CLIENT_ID = 'xxxxxxx-xxxxxxxxxxxxxxxxx.apps.googleusercontent.com';

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

  37.   // Step 4: Create the view selector.

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

  43.   // Step 5: Create the timeline chart.

  45.   var timeline = new gapi.analytics.googleCharts.DataChart({
  46.     reportType: 'ga',
  47.     query: {
  48.       'dimensions': 'ga:date',
  49.       'metrics': 'ga:sessions',
  50.       'start-date': '30daysAgo',
  51.       'end-date': 'yesterday',
  52.     },
  53.     chart: {
  54.       type: 'LINE',
  55.       container: 'timeline'
  56.     }
  57.   });

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

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

  65.   viewSelector.on('change', function(ids) {
  66.     var newIds = {
  67.       query: {
  68.         ids: ids
  69.       }
  70.     }
  71.     timeline.set(newIds).execute();
  72.   });
  73. });
  74. </script>
  75. </body>
  76. </html>
複製代碼
收藏 分享

0

返回列表