Ra mắt các chiến dịch trên Google Ads bằng các sự kiện tuỳ chỉnh trên Google Analytics và Flutter

1. Giới thiệu

Lần cập nhật gần đây nhất: ngày 25 tháng 1 năm 2021

Sản phẩm bạn sẽ tạo ra

Trong lớp học lập trình này, bạn sẽ tìm hiểu cách triển khai các sự kiện tuỳ chỉnh bằng GA4F và chạy chiến dịch thúc đẩy hành động thông qua Google Ads cho ứng dụng Flutter.

Chúng ta sẽ sử dụng ứng dụng Flutter mặc định với một tiện ích bộ đếm đơn giản. Chúng tôi sẽ quảng cáo ứng dụng của mình cho những người dùng tiềm năng, những người có khả năng sẽ nhấp vào tiện ích bộ đếm.

Kiến thức bạn sẽ học được

• Cách khởi chạy GA4F (Google Analytics cho Firebase) trong Flutter
• Cách tạo sự kiện và thông số tuỳ chỉnh
• Cách nhập sự kiện từ Firebase vào Google Ads
• Cách chạy chiến dịch thúc đẩy hành động bằng sự kiện tuỳ chỉnh

Bạn cần có

• Android Studio phiên bản 3.6 trở lên
• Xcode (để hỗ trợ iOS)
• Tài khoản Firebase
• Tài khoản Google Ads

2. Bắt đầu một dự án Flutter mới

Tạo một ứng dụng Flutter đơn giản dựa trên mẫu. Bạn sẽ sửa đổi ứng dụng khởi đầu này cho lớp học lập trình này.

Mở Android Studio.

Lưu ý: Nếu bạn không thấy lựa chọn New Flutter Project (Dự án Flutter mới) trong IDE, hãy đảm bảo bạn đã cài đặt các trình bổ trợ cho Flutter và Dart.

1. Nếu bạn không có dự án nào đang mở, hãy chọn Start a new Flutter app (Bắt đầu một ứng dụng Flutter mới) trên trang chào mừng. Nếu không, hãy chọn File > New > New Flutter Project (Tệp > Mới > Dự án Flutter mới).
2. Chọn Ứng dụng Flutter làm loại dự án, rồi nhấp vào Tiếp theo.
3. Xác minh rằng đường dẫn SDK Flutter chỉ định vị trí của SDK. (Chọn Install SDK (Cài đặt SDK) nếu trường văn bản trống.)
4. Nhập tên dự án rồi nhấp vào Tiếp theo.
5. Sử dụng tên gói mặc định do Android Studio đề xuất rồi nhấp vào Next (Tiếp theo).
6. Nhấp vào Hoàn tất.
7. Chờ Android Studio cài đặt SDK và tạo dự án.

3. Tạo và thiết lập dự án Firebase

Để bắt đầu sử dụng Firebase, bạn cần tạo và thiết lập một dự án Firebase.

Tạo dự án Firebase

1. Đăng nhập vào Firebase.

Trong bảng điều khiển của Firebase, hãy nhấp vào Thêm dự án (hoặc Tạo dự án) rồi đặt tên cho dự án Firebase của bạn là Firebase-Flutter-Ads hoặc bất kỳ tên nào bạn muốn.

2. Nhấp vào các tùy chọn tạo dự án. Chấp nhận các điều khoản của Firebase nếu được nhắc đến. Bạn nên bật Google Analytics cho dự án này, vì bạn cần sự kiện Google Analytics để theo dõi các sự kiện hành động và phân tích lượt chuyển đổi.

Để tìm hiểu thêm về các dự án Firebase, hãy xem bài viết Tìm hiểu về các dự án Firebase.

4. Cấu hình Firebase theo nền tảng cụ thể (Android)

Định cấu hình Android

1. Trong Bảng điều khiển của Firebase, hãy chọn Tổng quan về dự án trong trình đơn điều hướng bên trái, sau đó nhấp vào nút Android trong phần "Bắt đầu bằng cách thêm Firebase vào ứng dụng của bạn"

Bạn sẽ thấy hộp thoại xuất hiện trên màn hình sau.

2. Giá trị quan trọng cần cung cấp là tên gói Android. Bạn sẽ nhận được tên gói này bằng cách thực hiện bước sau.

Lưu ý: Hãy đọc bài viết Đặt mã ứng dụng để biết thêm thông tin về mã nhận dạng gói và mã ứng dụng.

3. Trong thư mục ứng dụng Flutter, hãy mở tệp android/app/src/main/AndroidManifest.xml.
4. Trong phần tử manifest, hãy tìm giá trị chuỗi của thuộc tính package. Giá trị này là tên gói Android (chẳng hạn như com.yourcompany.yourproject). Hãy sao chép giá trị này.
5. Trong hộp thoại Firebase, hãy dán tên gói đã sao chép vào trường Android package name.
6. Bạn không cần khoá SHA-1 ở đây, trừ phi bạn dự định dùng tính năng Đăng nhập bằng Google hoặc Đường liên kết động của Firebase (xin lưu ý rằng những tính năng này không thuộc lớp học lập trình này). Nếu dự định nhập dữ liệu in_app_purchase từ Google Play, bạn sẽ phải đặt khoá sau.
7. Nhấp vào Đăng ký ứng dụng.
8. Tiếp tục trong Firebase, hãy làm theo hướng dẫn để tải tệp cấu hình google-services.json xuống.

9. Chuyển đến thư mục ứng dụng Flutter, sau đó di chuyển tệp google-services.json (mà bạn vừa tải xuống) vào thư mục android/app.
10. Trong bảng điều khiển của Firebase, hãy bỏ qua các bước còn lại và quay lại trang chính của bảng điều khiển này.
11. Cuối cùng, bạn cần trình bổ trợ Gradle cho Dịch vụ của Google để đọc tệp google-services.json do Firebase tạo.
12. Trong IDE hoặc trình chỉnh sửa, hãy mở android/app/build.gradle, sau đó thêm dòng sau làm dòng cuối cùng trong tệp:

apply plugin: 'com.google.gms.google-services'

13. Mở android/build.gradle, sau đó thêm một phần phụ thuộc mới vào bên trong thẻ buildscript:

buildscript { 
   repositories {
      // ...
   }
   dependencies {
      // ...
      Classpath 'com.google.gms:google-services:4.3.3'
   }
}

14. Nếu ứng dụng của bạn vẫn đang chạy, hãy đóng và tạo lại ứng dụng để cho phép gradle cài đặt các phần phụ thuộc.

Bạn đã định cấu hình xong ứng dụng Flutter cho Android! Đối với iOS, bạn có thể tham khảo lớp học lập trình này ( Tìm hiểu về Firebase cho Flutter)

5. Định cấu hình Firebase Analytics trong Flutter

Trong bước này, bạn sẽ bắt đầu sử dụng gói Firebase Analytics có tên là firebase_analytics, trong đó có các tính năng của Firebase Analytics.

Tệp pubspec quản lý các thành phần cho một ứng dụng Flutter. Trong pubspec.yaml, hãy thêm firebase_analytics: ^6.2.0 (firebase_analytics 6.2.0 trở lên) vào danh sách phần phụ thuộc :

dependencies: 
   flutter: 
      sdk: flutter 
   cupertino_icons: ^0.1.2 
   firebase_analytics: ^6.2.0   # add this line

Trong khi xem pubspec ở chế độ xem trình chỉnh sửa của Android Studio, hãy nhấp vào Packages get (Tải gói). Thao tác này sẽ kéo gói vào dự án của bạn. Bạn sẽ thấy những thông tin sau trong bảng điều khiển:

flutter packages get 
Running "flutter packages get" in startup_namer... 
Process finished with exit code 0

Việc thực hiện Pub get cũng tự động tạo tệp pubspec.lock có danh sách tất cả các gói được đưa vào dự án và số phiên bản của các gói đó.

Thận trọng: Đối với các phiên bản Firebase cụ thể, java.lang.IllegalArgumentException: Service not registered sẽ xuất hiện khi bạn khởi động lớp FirebaseAnalytics lần đầu tiên (xem vấn đề 1662 trên GitHub).

Trong lib/main.dart, hãy nhập gói mới:

import 'package:firebase_analytics/firebase_analytics.dart';

Trong lớp MyApp, hãy khởi động đối tượng FirebaseAnalytics bằng cách gọi hàm khởi tạo.

class MyApp extends StatelessWidget {
 static FirebaseAnalytics analytics = FirebaseAnalytics();
   ...
}

Giờ thì bạn đã sẵn sàng kích hoạt một số nhật ký sự kiện tuỳ chỉnh!

6. Ghi lại các sự kiện tuỳ chỉnh bằng Firebase Analytics

Nếu tạo một mẫu mới trong ứng dụng Flutter, bạn sẽ thấy một biến _counter và phương thức _incrementCounter() bên trong lớp State mặc định. Giờ đây, bạn muốn ghi nhật ký các sự kiện tuỳ chỉnh khi người dùng quá nhiệt tình nhấp vào nút tăng hơn 5 lần. Sau đó, chúng tôi sẽ chạy một chiến dịch quảng cáo ứng dụng để thu hút những người dùng tiềm năng nhiệt tình

Trước tiên, chúng ta muốn truyền các đối tượng phân tích mà chúng ta đã khởi tạo đến tiện ích Stateful. Chúng ta bắt đầu bằng cách thêm một tham số phân tích vào hàm khởi tạo MyHomePage.

MyHomePage({Key key, this.title, this.analytics}) : super(key: key);

Bạn cũng sẽ thêm một tham số phân tích khi gọi hàm khởi tạo.

home: MyHomePage(
   title: 'Flutter Demo Home Page',
   analytics: analytics,
),

Giờ đây, bạn có thể dễ dàng ghi lại các sự kiện bằng phương thức logEvent(). Thêm phương thức và tăng biến _counter.

void _incrementCounter() {
 setState(() {
   _counter++;

   //add this
   if(_counter > 5) { 
     widget.analytics.logEvent(name: "clicked_counter"); 
   }

 });
}

Bây giờ, ứng dụng của bạn đã sẵn sàng kích hoạt nhật ký sự kiện tuỳ chỉnh!

Bạn cũng có thể sử dụng các phương thức dựng sẵn để kích hoạt sự kiện.

Giờ đây, mọi thứ đã sẵn sàng. Trong Android Studio, hãy chạy "main.dart".

(Không bắt buộc) Gửi thêm thông tin đến Firebase Analytics bằng cách sử dụng các thông số

Bạn có thể gửi thêm thông tin thông qua các thông số. Bạn có thể đăng ký thông số tuỳ chỉnh để báo cáo trong báo cáo Analytics. Bạn cũng có thể sử dụng các phân đoạn này làm bộ lọc trong định nghĩa đối tượng có thể áp dụng cho từng báo cáo. Nếu ứng dụng của bạn được liên kết với một dự án BigQuery, thì các thông số tuỳ chỉnh cũng sẽ xuất hiện trong BigQuery (xem phần BigQuery Export cho Firebase).

Chúng ta đang đặt giá trị _counter làm tham số ở đây.

void _incrementCounter() {
 setState(() {
   _counter++;

   if(_counter > 5) {
     widget.analytics.logEvent(name: "clicked_counter", parameters: {'count' : _counter});
   }
 });
}

Kiểm tra và gỡ lỗi sự kiện

Sau vài giờ, bạn có thể xem các sự kiện đã ghi lại trong bảng điều khiển của Firebase. Bạn chỉ cần nhấp vào thẻ Sự kiện trong mục Analytics trên Bảng điều khiển của Firebase. Bạn cũng có thể kiểm tra các giá trị bên trong clicked_counter sự kiện bằng cách nhấp vào sự kiện đó.

Đánh dấu clicked_counter là lượt chuyển đổi bằng cách trượt nút Đánh dấu là lượt chuyển đổi sang phải.

Nếu sự kiện đó nằm trong thẻ Lượt chuyển đổi, tức là bạn đã đánh dấu sự kiện đó là lượt chuyển đổi thành công. Giờ đây, Google Ads sẽ có thể nhập sự kiện này từ Firebase.

Để gỡ lỗi, hãy sử dụng Firebase DebugView. Để biết thêm thông tin chi tiết, hãy xem phần Gỡ lỗi sự kiện.

7. Nhập sự kiện phân tích trong Google Ads

Sau khi hoàn tất quá trình thiết lập Firebase-Flutter, bạn đã sẵn sàng chạy chiến dịch quảng cáo ứng dụng có sự kiện hành động. Bắt đầu bằng cách liên kết Firebase với Google Ads. Bằng cách liên kết Firebase với Google Ads,chiến dịch quảng cáo ứng dụng có thể nhập các sự kiện Firebase. Quy trình này cũng giúp Google Ads tăng cường chiến dịch quảng cáo ứng dụng bằng cách cho phép chiến dịch tìm hiểu thêm về đối tượng của họ.

1. Chuyển đến phần Cài đặt Firebase bằng cách nhấp vào nút bên cạnh phần Tổng quan về dự án.
2. Trong thẻ Tích hợp, bạn sẽ thấy Google Ads và nút Liên kết. Nhấp vào Liên kết, rồi nhấp vào Tiếp tục.

3. Chọn tài khoản Google Ads.

Thận trọng: Nếu sự kiện mục tiêu không được đánh dấu là sự kiện chuyển đổi, thì Google Ads sẽ không thể nhập sự kiện đó. Đảm bảo sự kiện được đánh dấu chính xác là lượt chuyển đổi.

Đến đây là xong phần Firebase.

Chuyển đến Google Ads.

1. Đăng nhập rồi chuyển đến mục Công cụ và cài đặt > Đo lường > Lượt chuyển đổi để nhập sự kiện tuỳ chỉnh dưới dạng lượt chuyển đổi.
2. Nhấp vào nút + để thêm hành động chuyển đổi mới.

3. Chọn Tài sản Google Analytics 4 (Firebase) rồi nhấp vào Tiếp tục.

4. Bạn có thể xem tất cả các sự kiện phân tích được đánh dấu là lượt chuyển đổi. Tìm sự kiện clicked_counter mà chúng ta đã triển khai trước đó.

5. Đánh dấu vào hành động, nhấp vào Nhập,rồi nhấp vào Tiếp tục.

Sau khi đặt clicked_counter làm hành động chuyển đổi, bạn có thể chạy chiến dịch thúc đẩy hành động để nhắm đến những người dùng có khả năng kích hoạt sự kiện clicked_counter hơn 5 lần.

8. Ra mắt chiến dịch thúc đẩy hành động trong ứng dụng bằng các sự kiện được nhập

Quan trọng: Để chạy chiến dịch Quảng cáo ứng dụng thành công, bạn cần có một ứng dụng ở cấp độ phát hành công khai trên Google Play. Tuy nhiên, nếu chưa sẵn sàng xuất bản, bạn có thể bỏ qua bước này.

6. Chuyển đến thẻ chiến dịch của tài khoản hiện tại, rồi bắt đầu một chiến dịch mới bằng cách nhấp vào nút +. Nhấp vào [Chiến dịch mới], rồi nhấp vào Tiếp tục.
7. Chạy chiến dịch quảng bá ứng dụng bằng lựa chọn Lượt cài đặt ứng dụng.

8. Tìm ứng dụng bằng cách nhập tên ứng dụng, tên gói hoặc nhà xuất bản.
9. Trong mục Đặt giá thầu, hãy chọn Hành động trong ứng dụng trong trình đơn thả xuống.
10. Tìm sự kiện tuỳ chỉnh của bạn trong danh sách được cung cấp. Đặt Chi phí mục tiêu trên mỗi hành động và hoàn tất mọi lựa chọn bổ sung.

11. Hoàn tất chế độ cài đặt chiến dịch.

9. Xin chúc mừng

Xin chúc mừng, bạn đã tích hợp thành công Firebase và Google Ads! Điều này sẽ giúp bạn tăng hiệu suất chiến dịch bằng các sự kiện được nhập từ Firebase.

Kiến thức bạn học được

• Cách định cấu hình Firebase Analytics cho Flutter
• Cách ghi lại sự kiện tuỳ chỉnh bằng Firebase Analytics trong ứng dụng Flutter.
• Cách nhập sự kiện và sử dụng sự kiện đó cho chiến dịch thúc đẩy hành động.