Bài học số 8 [Analytics] - Enable Google Page Views

1. Tóm tắt

Trong bài đăng này là để bật Lượt theo dõi, xem trang trên blog dựa trên chủ đề mà mình vừa tạo. Điều này yêu cầu kiến thức kỹ thuật nên để trống google_analytics.pv.* trừ khi có lý do chính đáng. Nếu trang web có lưu lượng truy cập thấp, số lượt xem trang sẽ không khuyến khích viết nhiều blog hơn. Như đã nói, hãy bắt đầu với việc thiết lập.

2. Thiết lập Google Analytics

2.1 Tạo tài khoản và thuộc tính

Trước tiên, cần thiết lập tài khoản account của mình trên Google Analytics. Trong khi tạo tài khoản, cũng phải tạo Property đầu tiên của mình.

Truy cập https://analytics.google.com/ và nhấp vào Start Measuring
Nhập Account Name mong muốn và chọn các checkboxes mong muốn
Nhập Property Name mong muốn. Đây là tên của dự án trình theo dõi xuất hiện trên bảng điều khiển Google Analytics Dashboard
Nhập thông tin bắt buộc Giới thiệu về doanh nghiệp - Enter the required information About your business
Nhấn Create để chấp nhận bất kỳ giấy phép cửa sổ bật lên để thiết lập account Google Analytics và tạo thuộc tính property

2.2 Tạo luồng dữ liệu Data Stream

Với property đã được tạo, bây giờ cần thiết lập Data Stream để theo dõi lưu lượng truy cập blog. Sau khi đã đăng ký, lời nhắc sẽ tự động đưa đến bước tạo luồng dữ liệu Data Stream đầu tiên. Nếu không, hãy làm theo các bước sau:

Chuyển đến trang Quản trị viên Admin ở cột bên trái
Chọn property mong muốn từ danh sách thả xuống trên cột thứ hai
Nhấp chuột vào Data Stream
Thêm luồng và nhấp vào Web
Nhập URL blog đã đăng ký

Nó sẽ giống như thế này

Bây giờ, hãy nhấp vào data stream mới và lấy Measurement ID. Nó sẽ trông giống như G-V6XXXXXXXX. Sao chép tệp này vào tệp _config.yml

  
google_analytics:
  id: 'G-V6XXXXXXX'   # fill in your Google Analytics ID
  # Google Analytics pageviews report settings
  pv:
    proxy_endpoint:   # fill in the Google Analytics superProxy endpoint of Google App Engine
    cache_path:       # the local PV cache data, friendly to visitors from GFW region

Khi có đẩy những thay đổi này vào blog, nó sẽ bắt đầu thấy lưu lượng truy cập trên Google Analytics. Hãy dạo xung quanh với bảng điều khiển Google Analytics để làm quen với các tùy chọn có sẵn vì mất khoảng 5 phút để nhận các thay đổi. Bây giờ có thể theo dõi lưu lượng truy cập của mình trong thời gian thực.

3. Thiết lập lượt xem trang

Có sẵn một hướng dẫn chi tiết để thiết lập Google Analytics superProxy. Tuy nhiên, nếu muốn nhanh chóng có được lượt xem trang hiển thị blog dựa trên Blog của mình, hãy làm theo. Các bước này đã được thử nghiệm trên máy Linux. Nếu đang chạy Windows, có thể sử dụng thiết bị đầu cuối Git bash hoặc Wsl để chạy các lệnh giống như Unix.

3.1 Thiết lập Google App Engine

Truy cập https://console.cloud.google.com/appengine
Nhấp vào Create Application
Nhấp vào Create Project
Nhập tên và chọn trung tâm dữ liệu ở gần
Chọn ngôn ngữ Python và Môi trường Standard
Kích hoạt tài khoản thanh toán. Đúng, cần phải liên kết thẻ tín dụng. Tuy nhiên, điều này sẽ không bị tính phí trừ khi vượt quá hạn ngạch miễn phí của mình. Đối với một blog đơn giản, hạn ngạch miễn phí là quá đủ.
Truy cập App Engine dashboard trên trình duyệt và chọn API & Services từ menu điều hướng bên trái
Nhấp vào nút Enable APIs and Services ở trên cùng
Bật các API sau: Google Analytics API
Ở bên trái, nhấp vào OAuth Consent Screen và chấp nhận Configure Consent Screen. Chọn External vì blog có thể được lưu trữ cho công chúng. Nhấp vào Publish dưới Publishing Status
Nhấp vào Credentials ở bên trái và tạo thông tin xác thực OAuth Client IDs mới. Đảm bảo thêm một mục trong Authorized redirect URIs được ủy quyền phù hợp: https://<project-id>.<region>.r.appspot.com/admin/auth
Ghi lại Your Client ID và Your Client Secret. Điều này cần trong phần tiếp theo.
Tải xuống và cài đặt SDK cloud cho nền tảng được cung cấp: https://cloud.google.com/sdk/docs/quickstart
Chạy các lệnh sau

  
  gcloud init

  ~snip~

  Go to the following link in your browser:

      https://accounts.google.com/o/oauth2/auth?response_type=code&client_id=XYZ.apps.googleusercontent.com&redirect_uri=ABCDEFG

  You are logged in as: [blah_blah@gmail.com].

  Pick cloud project to use:
  [1] chirpy-test-300716
  [2] Create a new project
  Please enter numeric choice or text value (must exactly match list
  item): 1

  gcloud info
  Your selected project info should be displayed here

3.2 Thiết lập Google Analytics superProxy

Sao chép dự án superProxy Google Analytics trên Github về superProxy máy cục bộ

Xóa 2 dòng đầu tiên trong tệp src/app.yaml

- application: your-project-id
- version: 1

Trong tệp src/config.py, hãy thêm OAUTH_CLIENT_ID và OAUTH_CLIENT_SECRET đã thu thập từ Trang tổng quan App Engine Dashboard. của mình.
Nhập bất kỳ khóa ngẫu nhiên nào cho XSRF_KEY, file config.py sẽ trông giống như thế này

  
#!/usr/bin/python2.7

__author__ = 'pete.fuck@gmail.com (Pete Frisella)'

# OAuth 2.0 Client Settings
AUTH_CONFIG = {
  'OAUTH_CLIENT_ID': 'YOUR_CLIENT_ID',
  'OAUTH_CLIENT_SECRET': 'YOUR_CLIENT_SECRET',
  'OAUTH_REDIRECT_URI': '%s%s' % (
    'https://chirpy-test-XXXXXX.ue.r.appspot.com',
    '/admin/auth'
  )
}

# XSRF Settings
XSRF_KEY = 'OnceUponATimeThereLivedALegend'

Có thể định cấu hình miền tùy chỉnh thay vì https://PROJECT_ID.REGION_ID.r.appspot.com. Tuy nhiên, để đơn giản, hãy sử dụng URL mặc định do Google cung cấp.

Từ bên trong thư mục src/, triển khai ứng dụng

  
 gcloud app deploy
Services to deploy:

descriptor:      [/tmp/google-analytics-super-proxy/src/app.yaml]
source:          [/tmp/google-analytics-super-proxy/src]
target project:  [chirpy-test-XXXX]
target service:  [default]
target version:  [VESRION_NUM]
target url:      [https://chirpy-test-XXXX.ue.r.appspot.com]


Do you want to continue (Y/n)? Y

Beginning deployment of service [default]...
╔════════════════════════════════════════════════════════════╗
╠═ Uploading 1 file to Google Cloud Storage                 ═╣
╚════════════════════════════════════════════════════════════╝
File upload done.
Updating service [default]...done.
Setting traffic split for service [default]...done.
Deployed service [default] to [https://chirpy-test-XXXX.ue.r.appspot.com]

You can stream logs from the command line by running:
 gcloud app logs tail -s default

To view your application in the web browser run:
 gcloud app browse

Truy cập dịch vụ đã triển khai. Thêm /admin vào cuối URL
Nhấp vào Authorize Users và đảm bảo tự thêm chính mình làm người dùng được quản lý.
Nếu gặp bất kỳ lỗi nào, vui lòng hỏi Google vì các lỗi đều rõ ràng và dễ sửa :D

Nếu mọi thứ suôn sẻ, bạn sẽ nhận được màn hình này

Create Google Analytics Query

Truy cập https://PROJECT_ID.REGION_ID.r.appspot.com/admin và tạo truy vấn sau khi xác minh tài khoản. Có thể tạo GA Core Reporting API trong Query Explorer.

Các tham số truy vấn như sau:

start-date: ngày đầu tiên đăng blog
end-date: ngày hôm nay (đây là tham số được GA Report hỗ trợ, nghĩa là sẽ luôn kết thúc theo ngày truy vấn hiện tại)
metrics: chọn ga:pageviews
dimensions: chọn ga:pagePath

Để giảm kết quả trả về và giảm băng thông mạng, hãy thêm quy tắc lọc tùy chỉnh ¹

filters: ga:pagePath=~^/posts/.*/$;ga:pagePath!@=
Trong số đó, ; có nghĩa là sử dụng logic AND để nối hai quy tắc.
Nếu site.baseurl được chỉ định, hãy thay đổi quy tắc filters đầu tiên thành ga:pagePath=~^/BASE_URL/posts/.*/$, trong đó BASE_URL là giá trị của site.baseurl.

Sau khi Run Query, hãy sao chép nội dung được tạo của API Query URI ở cuối trang và điền vào Encoded URI for the query của SuperProxy trên GAE.

Sau khi truy vấn được lưu trên GAE, một Public Endpoint (địa chỉ truy cập public) sẽ được tạo ra và chúng ta sẽ nhận được kết quả truy vấn ở định dạng JSON khi truy cập. Cuối cùng, nhấp vào Enable Endpoint trong Public Request Endpoint để thực hiện truy vấn hiệu quả và nhấp vào Start Scheduling trong Scheduling để bắt đầu tác vụ đã lên lịch.

Định cấu hình Blog để hiển thị Chế độ xem trang

Sau khi hoàn thành tất cả các phần khó khăn, rất dễ dàng để bật Chế độ xem trang trên chủ đề Blog. Bảng điều khiển superProxy sẽ giống như bên dưới và có thể lấy các giá trị cần thiết

Cập nhật tệp _config.yml của project Blog với các giá trị từ trang tổng quan để trông giống như sau

  
google_analytics:
  id: 'G-V6XXXXXXX'   # fill in your Google Analytics ID
  pv:
    proxy_endpoint: 'https://PROJECT_ID.REGION_ID.r.appspot.com/query?id=<ID FROM SUPER PROXY>'
    cache_path:       # the local PV cache data, friendly to visitors from GFW region

Bây giờ, có thể thấy Chế độ xem trang được bật trên blog của mình.

Reference

Google Analytics Core Reporting API: Filters