3 6 google analytics 分析碼,如何快速放入部落格(以htm java script )小工具為例

21
3-6Google Analytics 分分分 , 分分分分分分分分分 ( 分 HTML/JavaScr ipt 分分分分分 ) 分分分 2009/08 [email protected]

Upload: pyang

Post on 12-Jan-2015

2.270 views

Category:

Education


0 download

DESCRIPTION

本文: 不懂HTML的用戶,Google Analytics 分析碼,如何將其放入部落格呢? 本單元教您用HTM-JavaScript小工具快速放入部落格 如何產生Google Analytics 分析碼, 可參看 [12如何申請google analytics新帳號] (http://econsultant520.blogspot.com/2008/01/12google-analytics.html) 單元

TRANSCRIPT

Page 1: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

3-6Google Analytics 分析碼 , 如何快速放入部落格 ( 以 HTML/Jav

aScript 小工具為例 )楊乾中 2009/08

[email protected]

Page 2: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

前言• 學習本單元前先將部落格申請個 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 )小工具為例

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 )小工具為例

2. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多▼ ]1 選單

1

Page 5: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

3. 出現選單 , 選 [ 更多 ]1 選項

1

Page 6: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

4. 出現 [ 更多 Gmail 產品 ] 視窗 , 選[blogger]1 選項

1

Page 7: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

5. 出現 [ 資訊主頁 ], 選 [ 版面配置 ]1選項

1

Page 8: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

6. 顯示 [ 版面配置 ] 標籤下 [ 網頁元素 ] 標籤的頁面 , 選 [ 新增小工具 ]1

按鈕

1

Page 9: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

7. 出現 [ 新增小工具 ] 頁面 , 目前在 [ 基本 ] 標籤頁面 , 移動 [ 捲軸 ]1 往下

1

Page 10: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

8. 選 [HTML/JavaScript] 右方的 [+]1按鈕

1

Page 11: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

9. 出現 [ 設定 HTML/JavaScript]

插入點

Page 12: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

10. 輸入標題 ( 本例為分析 )1, 在 [ 內容 ] 下方文字方塊按滑鼠左鍵一下 2,

出現插入點

1

插入點 2

Page 13: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

11. 將 Google 分析碼 , 貼 (1 複製 )到此文字方塊 , 選 [ 儲存 ]2 按鈕

貼Google 分析碼

到此 1 1

Page 14: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

12. 返回 [ 網頁元素 ] 標籤的頁面 ,選 [ 儲存 ]1 按鈕

1

Page 15: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

13. 出現 [ 您的變更已儲存。 ] 訊息 ,選 [ 檢視網誌]1 按鈕

1

Page 16: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

14. 分析碼加入完成

Page 17: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

補充 1

• Google 分析碼運用 (HTML/JavaScript )小工具加入部落格了 , 若覺得佔部落格版面 ,可將此工具調動到部落格最下方 , 如下 4 張投影片

Page 18: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

1. 顯示 [ 版面配置 ] 標籤下 [ 網頁元素 ] 標籤的頁面 , 移動 [ 捲軸 ]1 往下

1目前在此

Page 19: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

2. 出現整個版面 , 滑鼠移到 [ 分析 ]小工具按著左鍵不放 1

按著左鍵不放

Page 20: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

3. 拖曳時跟著移動

Page 21: 3 6 Google Analytics 分析碼,如何快速放入部落格(以Htm Java Script )小工具為例

4. 到指定位置 , 放掉滑鼠左鍵 , 移動到指定位置