Skip to main content

Hướng dẫn thiết lập Google Tag Manager với Google Analytic trên ứng dụng iOS

Google Tag Manager là gì?

Google Tag Manager (GTM) là bên trung gian giữa những ứng dụng của Google như: Google Analytics, Google AdWords, DoubleClick... Chỉ một vài động tác thiết lập bạn có thể liên kết những tài khoản đó lại với GTM. Sau khi bạn đã liên kết những tài khoản đó lại, mỗi khi ứng dụng của bạn gởi request lên GTM, GTM sẽ tự động gửi dữ liệu đó đến những dịch vụ tương ứng (Ví dụ như: Google Analytics để phân tích hành vi người dùng).
GTM cho phép bạn thay đổi những thiết lập đó tại bất kỳ thời điểm nào chỉ với vài động tác nhấn chuột mà không cần phải build lại ứng dụng. Vì thế bạn không phải sợ bỏ lỡ công việc đo lường  hoặc việc kinh doanh của mình.

Ưu điểm:
- Bạn có thể gởi 1 request lên GTM để GTM tự động gởi những thông tin đó đến những service khác như Google Analytics, Google AdWords, DoubleClick...
- Bạn có thể sửa mà không sợ ảnh hưởng đến ứng dụng đang chạy.

Nhược điểm:
- Khó thiết lập được hết những chức năng của service trong GA, AdWords, DoubleClick.
- Bạn muốn thiết lập như thế nào phải hiểu service mình đang dùng như GA có những tham số gì, có những loại report nào.

Thiết lập Google Tag Manager với Google Analytics:

Trong bài hướng dẫn này mình sẽ hướng dẫn các bạn cách thiết lập đơn giản để có thể gởi dữ liệu lên Google Analytics (GA) thông qua service của Google Tag Manager.

Bước 1: Lấy thông tin ID của ứng dụng trên tài khoản Google Analytics

1. Bạn phải có ứng dụng trên Google Analytics. Nếu bạn chưa có thì bạn có thể  tạo bằng cách vào trang https://www.google.com/analytics/ .
2. Đăng nhập theo tài khoản Google và tạo 1 ứng dụng trên GA.
3. Hãy để ý mã số ID của ứng dụng (Ví dụ như: UA-12121212-1 đằng sau tên ứng dụng) đó để khai báo khi thiết lập trên GTM. Như hình sau:



Bước 2: Thiết lập tài khoản GTM với GA
1. Bạn vào trang đăng ký Google Tag Manager và "Sign-in" và Google Tag Manager:

2. Sau khi đăng nhập vào GTM thành công màn hình đầu tiên bạn thấy tại tab "Accounts". Bạn phải đăng ký 1 tài khoản bằng cách nhấn vào chữ "Create Account":

Bước thứ nhất của màn hình này là nhập tên công ty (Ví dụ như My Company), sau khi nhập xong nút Continue sẽ được hiện ra và bạn qua bước thứ 2 là đăng ký Container, bạn có thể chọn nền tảng (như web, iOS hay Android) cho loại account này. Sau khi đăng ký xong sẽ hiển thị như màn hình sau:
Tại đây bạn để ý Container ID. Nếu bạn muốn tạo 1 ứng dụng khác cùng công ty này thì nhấn vào icon setting để hiển thị ra popup như bên phải.

3. Thiết lập thông số cho Container. Bằng cách bạn nhấn vào chính xác Container mình muốn thiết lập. Nhấn chữ 'Tags' để mở màn hình danh sách những tags và chọn new 1 tag mới. Trong phần tag này bạn cần nhập những thông tin như sau:
- Choose Product: Tại field này cho bạn chọn Tag này sử dụng dịch vụ nào ví dụ như Google Analytics.
- Configure Tag: Mình thiết lập thống kê theo màn hình vì thế mình chọn những thông số như Universal Analytics, Tracking ID, Track Type là App View, Fields to Set.
- Fire On: Thiết lập sự kiện (Trigger) cho tag này.

4. Khi tạo Trigger thì bạn thiết lập như sau:
- Choose Event: Custom
- Fire on: "equals openScreen". Field này dùng để xác định khi client gởi đến GTM sẽ thoả theo điều kiện này sẽ thực thi đúng trigger này cho đúng tag mà mình đã tạo. Nói chung nó là điều kiện để GTM biết mình thực thi sự kiện nào đó.

5. Trong variable bạn cần tạo những biến cần thiết cho sự kiện thống kê những màn hình như screenId, screenName.

6. Sau khi thiết lập xong những thông số này bước tiếp theo là bạn cần phải Publish nó bằng cách nhấn nào nút Overview. Sau đó góc trên bên phải nó nút Publish và nhấn vào để Publish version này.
Sau này nếu bạn sửa mà bạn chưa Publish thì những cách sửa đó vẫn chưa được hoạt động và không bị ảnh hưởng đến code đang thực thi.

7. Sau khi bạn Publish thành công. Bạn nhấn vào tab 'Version' để tải file thiết lập đó về. Mình dùng file này để thêm vào project trên XCode:

Thêm file vừa tải về để cùng với library của GTM như sau:

8. Code để bạn gởi request lên GTM được viết như sau:
TAGDataLayer *dataLayer = [TAGManager instance].dataLayer;
[dataLayer push:@{@"event": @"openScreen", @"screenName": controller.screenName,
                @"screenId":controller.screenId,@"controllerName":controller.controllerName}];

Bạn chỉ cần chạy đoạn code này trên từng màn hình để kiểm tra số lần user vào màn hình và kiểm tra thông tin có được cập nhật trên Google Analytics hay không? Nếu bạn thấy có thì tức là bạn đã thiết lập thành công.

Ref documents:

- Google Tag Manager
- Setup GTM with Swift
Labels:

Comments

Post a Comment

Popular posts from this blog

Phân biệt biến kiểu Property, Public, Protected, Private trong ngôn ngữ Objective C

- Theo kinh nghiệm làm việc của mình với các bạn trong nhóm khi lập trình Objective-C và cũng đọc qua code của những project cũ. Ít khi nào mọi người để ý và khai báo đúng với ý đồ của từng đối tượng, và vi phạm quy tắc tính đóng gói, tính bảo mật thông tin của đối tượng trong lập trình hướng đối tượng (Tham khảo lý thuyết Lập trình hướng đối tượng tại trang Wiki ). - Theo ngôn ngữ lập trình Java, người ta khuyến khích mỗi khi dùng biến kiểu public thì nên đặt 1 biến private và hỗ trợ những hàm getter/setter để truy suất biến private đó.     + Nguyên nhân họ nói là đảm bảo tính đóng gói, và nếu sau này có thay đổi gì trên biến đó bạn có thể sửa được dễ dàng, chi tiết về vấn đề này ở đây .     + Nói tóm tại thì nguyên nhân chính là có thể kiểm soát được truy xuất đến giá trị của 1 đối tượng từ bên ngoài, có thể dễ dàng mở rộng code bằng cách override lại những hàm getter/setter. - Các bạn có thể áp dụng nguyên tắc đó từ bên Java qua ngôn ngữ lập trình Object...
6 comments
Read more

(Kinh nghiệm) Auto layout và Size classes trong iOS - Phần 1

Trước đây khi viết những ứng dụng chạy trên nhiều màn hình hoặc hỗ trợ màn hình xoay ngang, xoay dọc mọi người hay dùng code để có thể chỉnh được những vị trí cũng như kích thước của những đối tượng. Hoặc có thể dùng Autosizing để tự động canh chỉnh những đối tượng nhưng không tối ưu và tiện lợi cho lắm, hình minh hoạ ở dưới: Vì thế từ lúc Apple phát hành ra iPhone 5, iPhone 5s với kích thước màn hình là 4 inch, làm phát sinh thêm vấn đề " Làm thế nào ta có thể thiết kế giao diện có thể chạy được trên nhiều màn hình? " mà không làm thay đổi nhiều code để có thể dễ dàng bảo trì ứng dụng. Apple mới phát triển chức năng Auto Layout và Size Classes để thực hiện nhiệm vụ này. Nếu bạn đã quen dùng Autosizing để thiết kế giao diện thì bạn có thể vẫn sử dụng chúng. Nhưng tuỳ theo từng dự án mà khách hàng hay người PM hoặc leader của bạn muốn bạn dùng công nghệ mới Auto Layout và Size Classes   để làm layout trên iOS mà không cần dùng bất cứ đoạn code nào và chỉ viết trên 1 storyboard...
5 comments
Read more

(Căn bản) Bài 1: Hướng dẫn tạo tài khoản Apple ID và iTune không cần thẻ Visa hoặc MasterCard

Nếu bạn muốn lập trình trên iOs hoặc trên MacOs thì bạn nên có tài khoản Apple ID và tài khoản iTune. Sẽ hữa ích cho bạn khi cài đặt và nân cấp chương trình XCode. Nhưng khó khăn ở chỗ nếu bạn không có thẻ Visa hoặc Master Card, mà vẫn muốn có tài khoản để có thể cài ứng dụng trên AppStore. Sau đây mình xin hướng dẫn cách tạo tài khoản mà không cần những thẻ đó và có thể tạo tài khoản trên những store ở các nước khác. Đầu tiên bạn mở chương trình iTune lên và vào tab "App Store", sau đó bạn kiếm chương trình nào Free và nhấn vào đó nó sẽ hiển thị ra màn hình như sau:    Khi đang ở màn hình này bạn nhấn vào chữ "Free" bên dưới hình sẽ hiển thị ô cho bạn nhập Apple ID và Password.Vì bạn chưa có nên hãy nhấn vào nút "Create Apple ID" để tạo tài khoản. Sau khi bạn nhấn vào nút "Create Apple ID" bạn sẽ qua màn hình như bên dưới. Tại đây bạn có thể chuyển AppStore của các nước (Vì có những chương trình chỉ cài được trên từng AppStore mỗi nước thôi) hi...
3 comments
Read more