3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例
description
Transcript of 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例
![Page 2: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/2.jpg)
前言• 學習本單元前先將部落格申請個 Google 分析碼 ,
可先參考 [12 如何申請 google analytics 新帳號 ](http://econsultant520.blogspot.com/2008/01/12google-analytics.html) 單元
• 懂 HTML 的人可參考 [12_1 如何在 google 提供的部落格中加入 google analytics 的程式碼來統計流量 ](http://econsultant520.blogspot.com/2008/01/121googlegoogle-analytics.html)
• 最簡單的方式就是本單元的方法 , 不過要先將部落格的 Google 分析碼準備好喔
![Page 3: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/3.jpg)
1. 到網址 mail.google.com 或 www.gmail.com 或 gmail.google.com 或 gmail.com, 出現 [ 歡迎使用 gmail] 頁面 , 輸入使用者名稱 ( 本例為 ycctest01)1;
密碼 2; 選 [ 登入 ]3 按鈕
12
3
![Page 4: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/4.jpg)
2. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多▼ ]1 選單
1
![Page 5: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/5.jpg)
3. 出現選單 , 選 [ 更多 ]1 選項
1
![Page 6: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/6.jpg)
4. 出現 [ 更多 Gmail 產品 ] 視窗 , 選[blogger]1 選項
1
![Page 7: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/7.jpg)
5. 出現 [ 資訊主頁 ], 選 [ 版面配置 ]1選項
1
![Page 8: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/8.jpg)
6. 顯示 [ 版面配置 ] 標籤下 [ 網頁元素 ] 標籤的頁面 , 選 [ 新增小工具 ]1
按鈕
1
![Page 9: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/9.jpg)
7. 出現 [ 新增小工具 ] 頁面 , 目前在 [ 基本 ] 標籤頁面 , 移動 [ 捲軸 ]1 往下
1
![Page 10: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/10.jpg)
8. 選 [HTML/JavaScript] 右方的 [+]1按鈕
1
![Page 11: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/11.jpg)
9. 出現 [ 設定 HTML/JavaScript]
插入點
![Page 12: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/12.jpg)
10. 輸入標題 ( 本例為分析 )1, 在 [ 內容 ] 下方文字方塊按滑鼠左鍵一下 2,
出現插入點
1
插入點 2
![Page 13: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/13.jpg)
11. 將 Google 分析碼 , 貼 (1 複製 )到此文字方塊 , 選 [ 儲存 ]2 按鈕
貼Google 分析碼
到此 1 1
![Page 14: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/14.jpg)
12. 返回 [ 網頁元素 ] 標籤的頁面 ,選 [ 儲存 ]1 按鈕
1
![Page 16: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/16.jpg)
14. 分析碼加入完成
![Page 17: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/17.jpg)
補充 1
• Google 分析碼運用 (HTML/JavaScript )小工具加入部落格了 , 若覺得佔部落格版面 ,可將此工具調動到部落格最下方 , 如下 4 張投影片
![Page 18: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/18.jpg)
1. 顯示 [ 版面配置 ] 標籤下 [ 網頁元素 ] 標籤的頁面 , 移動 [ 捲軸 ]1 往下
1目前在此
![Page 19: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/19.jpg)
2. 出現整個版面 , 滑鼠移到 [ 分析 ]小工具按著左鍵不放 1
按著左鍵不放
![Page 20: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/20.jpg)
3. 拖曳時跟著移動
![Page 21: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例](https://reader033.fdocument.pub/reader033/viewer/2022061216/54b368dc4a79598b398b4613/html5/thumbnails/21.jpg)
4. 到指定位置 , 放掉滑鼠左鍵 , 移動到指定位置