การทดลองส่งข้อความในแอปครั้งแรกของคุณ

1. บทนำ

เป้าหมาย

ใน Codelab นี้ คุณจะติดตั้งการทดสอบการรับส่งข้อความในแอปสำหรับแอปแนะนำร้านอาหารบนมือถือหลายแพลตฟอร์มที่ขับเคลื่อนโดย Flutter และ Cloud Firestore

เมื่อเสร็จแล้ว คุณจะสามารถออกแบบและใช้การทดสอบการรับส่งข้อความในแอปเพื่อเพิ่มการมีส่วนร่วมของผู้ใช้สำหรับแอป iOS หรือ Android ใดๆ ได้อย่างมีประสิทธิภาพในขณะที่เขียนโค้ดเพียงเล็กน้อย

สิ่งที่คุณจะได้เรียนรู้

• วิธีใช้ Firebase In-App Messaging (FIAM) ในแอพ Flutter
• วิธีปรับแต่งลักษณะที่ปรากฏของข้อความในแอพของคุณ
• วิธีออกแบบการทดสอบการรับส่งข้อความในแอปและนำไปใช้ในแอปของคุณ
• วิธีตีความผลลัพธ์ของการทดสอบการรับส่งข้อความในแอป

การส่งข้อความในแอป Firebase

Firebase In-App Messaging (FIAM) ช่วยให้คุณดึงดูดผู้ใช้ที่กำลังใช้งานแอปของคุณอยู่โดยการส่งข้อความที่ตรงเป้าหมายและตามบริบทซึ่งจะกระตุ้นให้พวกเขาดำเนินการที่สำคัญในแอป เช่น เอาชนะด่านเกม ซื้อไอเท็ม หรือสมัครรับเนื้อหา .

การทดสอบ A/B ของ Firebase

การทดสอบ A/B ของ Firebase (ABT) ขับเคลื่อนโดย Google Optimize ช่วยให้คุณเพิ่มประสิทธิภาพประสบการณ์แอปด้วยการทำให้เรียกใช้ วิเคราะห์ และปรับขนาดการทดสอบผลิตภัณฑ์และการตลาดได้ง่าย โดยช่วยให้คุณทดสอบการเปลี่ยนแปลง UI คุณลักษณะ หรือแคมเปญการมีส่วนร่วมของแอปได้ เพื่อดูว่ามีการเปลี่ยนแปลงตามเมตริกหลักๆ ของคุณหรือไม่ (เช่น รายได้และการรักษาผู้ใช้) ก่อนที่คุณจะเผยแพร่ในวงกว้าง

สิ่งที่คุณต้องการ

หากคุณไม่คุ้นเคยกับ Flutter หรือ Firestore มากนัก ให้กรอก Firebase for Flutter codelab ก่อน:

คุณเรียกใช้ Codelab นี้โดยใช้อุปกรณ์ใดก็ได้ต่อไปนี้

• อุปกรณ์ทางกายภาพ (Android หรือ iOS) เชื่อมต่อกับคอมพิวเตอร์ของคุณและตั้งค่าเป็นโหมดนักพัฒนาซอฟต์แวร์
• เครื่องจำลอง iOS (ต้อง ติดตั้งเครื่องมือ Xcode )
• เครื่องจำลอง Android (ต้องมีการตั้งค่าใน Android Studio )

นอกเหนือจากที่กล่าวมาข้างต้น คุณจะต้องมี:

• เบราว์เซอร์ที่คุณเลือก เช่น Chrome
• IDE หรือโปรแกรมแก้ไขข้อความที่คุณเลือก เช่น Android Studio หรือ VS Code ที่กำหนดค่าด้วยปลั๊กอิน Dart และ Flutter แนะนำให้ใช้ VS Code กับ Flutter
• Flutter เวอร์ชันเสถียรล่าสุด (หรือเบต้าหากคุณชอบใช้ชีวิตแบบไร้ขอบเขต)
• บัญชี Google เช่นเดียวกับบัญชี Gmail สำหรับการสร้างและจัดการโครงการ Firebase ของคุณ
• โค้ดตัวอย่างของ Codelab ดูขั้นตอนถัดไปสำหรับวิธีรับรหัส

2. ตั้งค่า

รับรหัส

โคลนที่เก็บ GitHub จากบรรทัดคำสั่ง:

git clone https://github.com/FirebaseExtended/codelab-friendlyeats-flutter.git friendlyeats-flutter

โค้ดตัวอย่างจะถูกโคลนลงในไดเร็กทอรี friendlyeats-flutter จากนี้ไป ตรวจสอบให้แน่ใจว่าคุณรันคำสั่งจากไดเร็กทอรีนี้:

cd friendlyeats-flutter

จากนั้นเปลี่ยนเป็นไดเร็กทอรี codelab และตรวจสอบสาขา fiam-abt :

git checkout fiam-abt

สาขานี้มีโค้ดทั้งหมดที่จำเป็นสำหรับ Codelab นี้ รวมถึงเวอร์ชันที่เสร็จสมบูรณ์แล้วในโฟลเดอร์ done สาขาอื่นๆ ในพื้นที่เก็บข้อมูลนี้มีโค้ดสำหรับสร้างแอป FriendlyEats ดังที่แสดงใน Codelab Firestore Flutter แบบหลายแพลตฟอร์ม เพื่อวัตถุประสงค์ของ Codelab นี้ เราได้ลบการผสานรวมเว็บในสาขานี้ออก

นำเข้าแอปเริ่มต้น

เปิดหรือนำเข้าไดเรกทอรี codelab-fiam-abt ไปยัง IDE ที่คุณต้องการ ไดเรกทอรีนี้มีโค้ดเริ่มต้นสำหรับ Codelab ซึ่งประกอบด้วยแอปแนะนำร้านอาหาร ผ่าน Codelab นี้ คุณจะใช้เครื่องมือทดสอบการรับส่งข้อความในแอปสำหรับผู้ใช้แอปนี้

สร้างโปรเจ็กต์ Firebase

1. ใน คอนโซล Firebase คลิก เพิ่มโครงการ จากนั้นตั้งชื่อโครงการ Firebase FriendlyEats จำรหัสโปรเจ็กต์สำหรับโปรเจ็กต์ Firebase ของคุณ (หรือคลิกไอคอน แก้ไข เพื่อตั้งค่ารหัสโปรเจ็กต์ที่คุณต้องการ)
2. ตรวจสอบให้แน่ใจว่าเปิดใช้งาน Google Analytics สำหรับโปรเจ็กต์แล้ว จากนั้นคลิก ดำเนินการต่อ
3. คลิก สร้างโครงการ

ยินดีด้วย! คุณเพิ่งสร้างโปรเจ็กต์ Firebase แรกของคุณ ตอนนี้คุณสามารถคลิกที่ชื่อโครงการเพื่อเข้าสู่คอนโซลได้

จากนั้น คุณจะอธิบายการกำหนดค่าและเปิดใช้งานบริการที่จำเป็นโดยใช้คอนโซล Firebase

เปิดใช้งานการรับรองความถูกต้องแบบไม่ระบุชื่อ

แม้ว่าการตรวจสอบสิทธิ์จะไม่ใช่จุดเน้นของ Codelab นี้ แต่สิ่งสำคัญคือต้องมีการตรวจสอบสิทธิ์บางรูปแบบในแอปของคุณ คุณจะใช้ การเข้าสู่ระบบแบบไม่เปิดเผยตัวตน ซึ่งหมายความว่าผู้ใช้จะลงชื่อเข้าใช้แบบเงียบๆ โดยไม่ได้รับแจ้ง

หากต้องการเปิดใช้งาน การเข้าสู่ระบบแบบไม่ระบุชื่อ:

1. ในคอนโซล Firebase ให้ค้นหา การรับรองความถูกต้อง ในแถบนำทางด้านซ้าย
2. คลิก การรับรองความถูกต้อง จากนั้นคลิก เริ่มต้นใช้งาน และเลือกแท็บ วิธีการลงชื่อเข้าใช้ (หรือ ไปที่คอนโซล Firebase โดยตรง )
3. เปิดใช้งานผู้ให้บริการลงชื่อเข้าใช้ แบบไม่ระบุชื่อ และคลิก บันทึก

การเปิดใช้ งานการเข้าสู่ระบบแบบไม่ระบุชื่อ จะทำให้แอปพลิเคชันสามารถลงชื่อเข้าใช้ผู้ใช้ของคุณแบบเงียบๆ เมื่อเข้าถึงแอปได้ หากต้องการเรียนรู้เพิ่มเติม โปรดดูเอกสารการตรวจสอบสิทธิ์แบบไม่เปิดเผยตัวตนสำหรับ Android และ iOS

เปิดใช้งาน Cloud Firestore

แอปใช้ Cloud Firestore เพื่อบันทึกและรับข้อมูลร้านอาหารและการให้คะแนน

หากต้องการเปิดใช้งาน Cloud Firestore:

1. ในแถบนำทางด้านซ้ายของคอนโซล Firebase ให้คลิก Firestore
2. คลิก สร้างฐานข้อมูล ในบานหน้าต่าง Cloud Firestore

3. เลือกตัวเลือก เริ่มในโหมดทดสอบ แล้วคลิก ถัดไป หลังจากอ่านข้อจำกัดความรับผิดชอบเกี่ยวกับกฎความปลอดภัย แล้วคลิก เปิดใช้งาน

โหมดทดสอบช่วยให้มั่นใจได้ว่าคุณสามารถเขียนลงในฐานข้อมูลได้อย่างอิสระในระหว่างการพัฒนา คุณทำให้ฐานข้อมูลของคุณปลอดภัยยิ่งขึ้นในภายหลังใน Codelab นี้

3. การกำหนดค่า Firebase เฉพาะมือถือ

การเปลี่ยนแปลงโค้ดส่วนใหญ่ที่จำเป็นในการเปิดใช้งานการสนับสนุน Firebase ได้รับการเช็คอินในโครงการที่คุณกำลังทำงานอยู่แล้ว อย่างไรก็ตาม ในการเพิ่มการรองรับแพลตฟอร์มมือถือ คุณต้อง:

• ลงทะเบียนแพลตฟอร์มที่ต้องการในโปรเจ็กต์ Firebase
• ดาวน์โหลดไฟล์การกำหนดค่าเฉพาะแพลตฟอร์ม และเพิ่มลงในโค้ด

ในไดเร็กทอรีระดับบนสุดของแอป Flutter ของคุณ มีไดเร็กทอรีย่อยที่เรียกว่า ios และ android ไดเร็กทอรีเหล่านี้เก็บไฟล์การกำหนดค่าเฉพาะแพลตฟอร์มสำหรับ iOS และ Android ตามลำดับ

กำหนดค่า iOS

ใน คอนโซล Firebase ให้เลือก การตั้งค่าโครงการ ที่ด้านบนของแถบนำทางด้านซ้าย แล้วคลิกปุ่ม iOS ใต้ แอปของคุณ ในหน้า ทั่วไป

คุณควรเห็นกล่องโต้ตอบต่อไปนี้:

1. ค่าสำคัญที่ต้องระบุคือ รหัสชุด iOS คุณจะได้รับ Bundle ID โดยดำเนินการสามขั้นตอนถัดไป

2. ในเครื่องมือบรรทัดคำสั่ง ไปที่ไดเร็กทอรีระดับบนสุดของแอป Flutter ของคุณ
3. รันคำสั่ง open ios/Runner.xcworkspace เพื่อเปิด Xcode

4. ใน Xcode คลิก Runner ระดับบนสุดในบานหน้าต่างด้านซ้าย เพื่อแสดงแท็บ ทั่วไป ในบานหน้าต่างด้านขวาดังที่แสดง คัดลอกค่า Bundle Identifier

5. กลับไปที่กล่องโต้ตอบ Firebase วาง Bundle Identifier ที่คัดลอกไว้ลงในช่อง ID บันเดิล iOS แล้วคลิก ลงทะเบียนแอป

6. ดำเนินการต่อใน Firebase โดยทำตามคำแนะนำเพื่อดาวน์โหลดไฟล์การกำหนดค่า GoogleService-Info.plist
7. กลับไปที่ Xcode โปรดสังเกตว่า Runner มีโฟลเดอร์ย่อยที่เรียกว่า Runner (แสดงในรูปภาพก่อนหน้า)
8. ลากไฟล์ GoogleService-Info.plist (ที่คุณเพิ่งดาวน์โหลด) ลงในโฟลเดอร์ย่อย Runner นั้น
9. ในกล่องโต้ตอบที่ปรากฏใน Xcode ให้คลิก Finish
10. กลับไปที่คอนโซล Firebase ในขั้นตอนการตั้งค่า คลิก ถัด ไป ข้ามขั้นตอนที่เหลือ และกลับไปที่หน้าหลักของคอนโซล Firebase

คุณกำหนดค่าแอพ Flutter สำหรับ iOS เสร็จแล้ว!

กำหนดค่าแอนดรอยด์

1. ใน คอนโซล Firebase ให้เลือก การตั้งค่าโครงการ ที่ด้านบนของแถบนำทางด้านซ้าย แล้วคลิกปุ่ม Android ใต้ แอปของคุณ ในหน้า ทั่วไป

คุณจะเห็นกล่องโต้ตอบต่อไปนี้:

2. ค่าสำคัญที่ต้องระบุคือ ชื่อแพ็กเกจ Android คุณได้รับชื่อแพ็คเกจเมื่อคุณดำเนินการสองขั้นตอนต่อไปนี้:

3. ในไดเร็กทอรีแอป Flutter ของคุณ ให้เปิดไฟล์ android/app/src/main/AndroidManifest.xml
4. ในองค์ประกอบ manifest ให้ค้นหาค่าสตริงของแอตทริบิวต์ package ค่านี้คือชื่อแพ็กเกจ Android (เช่น com.yourcompany.yourproject ) คัดลอกค่านี้
5. ในกล่องโต้ตอบ Firebase ให้วางชื่อแพ็กเกจที่คัดลอกลงในช่อง ชื่อแพ็กเกจ Android
6. คุณไม่จำเป็นต้อง มีใบรับรองการลงนามการแก้ไขข้อบกพร่อง SHA-1 สำหรับ Codelab นี้ เว้นว่างไว้นี้
7. คลิกลง ทะเบียนแอป
8. ดำเนินการต่อใน Firebase โดยทำตามคำแนะนำเพื่อดาวน์โหลดไฟล์การกำหนดค่า google-services.json
9. ไปที่ไดเร็กทอรีแอป Flutter ของคุณ และย้ายไฟล์ google-services.json (ที่คุณเพิ่งดาวน์โหลด) ไปยังไดเร็กทอรี android/app
10. กลับไปที่คอนโซล Firebase ข้ามขั้นตอนที่เหลือ และกลับไปที่หน้าหลักของคอนโซล Firebase
11. เช็คอินการกำหนดค่า Gradle ทั้งหมดแล้ว หากแอปของคุณยังทำงานอยู่ ให้ปิดและสร้างใหม่เพื่อให้ Gradle ติดตั้งการอ้างอิงได้

คุณกำหนดค่าแอป Flutter สำหรับ Android เสร็จแล้ว!

4. เรียกใช้แอปของคุณในเครื่อง

คุณพร้อมที่จะเริ่มทำงานกับแอปของคุณแล้ว! ขั้นแรก ให้เรียกใช้แอปในเครื่อง ตอนนี้คุณสามารถรันแอปในแพลตฟอร์มใดก็ได้ที่คุณกำหนดค่าไว้ (และสำหรับแพลตฟอร์มที่คุณมีอุปกรณ์และโปรแกรมจำลอง)

ค้นหาอุปกรณ์ที่พร้อมใช้งานด้วยคำสั่งต่อไปนี้:

flutter devices

ขึ้นอยู่กับอุปกรณ์ที่พร้อมใช้งาน ผลลัพธ์ของคำสั่งก่อนหน้าจะมีลักษณะดังนี้:

ตอนนี้ให้รันแอปในเครื่องด้วยคำสั่งต่อไปนี้:

flutter run

ตอนนี้ คุณควรเห็นสำเนาของ FriendlyEats ซึ่งเชื่อมต่อกับโปรเจ็กต์ Firebase ของคุณ

แอปจะเชื่อมต่อกับโปรเจ็กต์ Firebase ของคุณโดยอัตโนมัติ และลงชื่อเข้าใช้ให้คุณโดยไม่ระบุชื่อในฐานะผู้ใช้ที่ไม่ระบุชื่อ

5. สร้างและทดสอบข้อความแรกของคุณ

ผสานรวมการส่งข้อความในแอป Firebase เข้ากับแอปของคุณ

การผสานรวมพื้นฐานของการส่งข้อความในแอปนั้นไม่ต้องเขียนโค้ดเลย สิ่งที่คุณต้องทำคือเพิ่มการพึ่งพา เท่านี้คุณก็พร้อมแล้ว! เพิ่มการพึ่งพาต่อไปนี้ให้กับไฟล์ pubspec.yaml ของคุณ

dependencies:
  # ...
  firebase_in_app_messaging: ^0.4.0
  # ...

เขียนข้อความใน Firebase Console

เมื่อคุณได้เพิ่ม FIAM ลงในแอปของคุณแล้ว ให้เขียนข้อความที่จะทริกเกอร์เมื่อมีการเปิดแอปของคุณครั้งแรก

ในการเขียนข้อความแรกของคุณ:

1. ในส่วน การมีส่วนร่วม ของคอนโซล Firebase ให้คลิก การส่งข้อความในแอป
2. คลิก สร้างแคมเปญแรกของคุณ ในบานหน้าต่างข้อความในแอป

มาเขียนข้อความ Modal พื้นฐานเพื่อให้แน่ใจว่าการบูรณาการใช้งานได้ คุณสามารถปรับแต่งข้อความตามที่คุณต้องการได้ตามใจชอบ คุณสามารถเพิ่มรูปภาพ ปุ่ม หรือเปลี่ยนสีได้

อย่าลืมกำหนดเป้าหมายแอปที่คุณต้องการทดสอบ ขึ้นอยู่กับเส้นทางการรวมที่คุณกำลังติดตาม คุณอาจใช้ iOS, Android หรือทั้งสองอย่าง

เราต้องการตรวจสอบให้แน่ใจว่ามีข้อความทริกเกอร์เมื่อแอปเปิดขึ้น ดังนั้นการกำหนดค่าการจัดกำหนดการเริ่มต้นจะทำงานที่นี่

เมื่อกำหนดเวลาเสร็จแล้วเราสามารถเผยแพร่ข้อความได้ คลิก "ตรวจสอบ" และคุณควรเห็นสิ่งที่ต้องการดังต่อไปนี้

ดูข้อความในแอปของคุณ

ตอนนี้ ถอนการติดตั้งและติดตั้งแอปของคุณใหม่ แล้วคุณจะเห็นข้อความที่คุณสร้างขึ้นปรากฏขึ้นเมื่อเปิด ยินดีด้วย คุณเพิ่งส่งข้อความในแอปแรกของคุณ! ในขั้นตอนถัดไป คุณจะได้เรียนรู้วิธีเพิ่มเหตุการณ์การวิเคราะห์ เพื่อทริกเกอร์ข้อความในแอปตามการกระทำที่ผู้ใช้ทำในแอป

6. ผสานรวม Firebase Analytics เพื่อการทริกเกอร์ข้อความขั้นสูง

ผสานรวม Firebase Analytics เข้ากับแอปของคุณ

เพื่อทำความเข้าใจวิธีที่ผู้ใช้โต้ตอบกับแอปของเรา และทริกเกอร์ข้อความในแอปตามการกระทำของพวกเขา ตอนนี้เราจะเพิ่มเหตุการณ์ Analytics เมื่อผู้ใช้คลิกที่ร้านอาหาร

1. เพิ่มการพึ่งพา Firebase Analytics ให้กับ Flutter ใน pubspec.yaml

dependencies:
  # ...
  firebase_analytics: ^1.0.1
  # ...

2. นำเข้าการวิเคราะห์ใน home_page.dart

import 'package:firebase_analytics/firebase_analytics.dart';

3. เพิ่มอินสแตนซ์ของ Firebase Analytics ให้กับคลาส HomePage ใน home_page.dart

class HomePage extends StatefulWidget {
  static const route = '/';
  static FirebaseAnalytics analytics = FirebaseAnalytics();
  HomePage({Key key}) : super(key: key);
  @override
  _HomePageState createState() => _HomePageState();
}

4. เริ่มเหตุการณ์การวิเคราะห์เมื่อผู้ใช้คลิกที่การ์ดร้านอาหารใน home_page.dart

onRestaurantPressed: (id) async {
  await HomePage.analytics.logEvent(name: 'click_restaurant');
  Navigator.pushNamed(context,
                      RestaurantPage.route,
                      arguments: RestaurantPageArguments(id: id));
})

แก้ไขข้อความของคุณเพื่อทริกเกอร์เหตุการณ์การวิเคราะห์

ตอนนี้เรามีกิจกรรม "click_restaurant" เรามาเรียกข้อความในแอปของเราตามเหตุการณ์นั้นแทนเวลาที่ผู้ใช้เปิดแอป

ในคอนโซล Firebase ให้กลับไปที่ข้อความในแอปและแก้ไขแคมเปญที่มีอยู่

ตอนนี้เปลี่ยนส่วนการกำหนดเวลาเพื่อทริกเกอร์ข้อความจากกิจกรรมใหม่

จากนั้นเราสามารถเผยแพร่การเปลี่ยนแปลงของเราได้โดยคลิกปุ่ม "ตรวจสอบ"

ทดสอบทริกเกอร์ของคุณในแอป

ณ จุดนี้คุณควรจะสามารถเรียกใช้แอปของคุณได้

flutter run

และเมื่อคุณคลิกร้านอาหาร คุณจะเห็นข้อความในแอพของคุณ

7. สร้างแคมเปญ FIAM+ABT

เริ่มต้นด้วยเป้าหมาย

แอป Friendlyeats ของเราดูดีอยู่แล้ว แต่เพื่อให้มีประโยชน์ เราจำเป็นต้องมีรีวิวบ้าง สิ่งเหล่านี้จะได้มาจากผู้ใช้ Friendlyeats ดังนั้นเรามาดูวิธีกระตุ้นให้ผู้ใช้แสดงความคิดเห็นกันดีกว่า

ขั้นแรก เรามากำหนดเหตุการณ์ Conversion ของเรากันก่อน

เนื่องจากเราต้องการดูว่าผู้ใช้กำลังรีวิวร้านอาหารหรือไม่ ให้เพิ่มเหตุการณ์การวิเคราะห์เพื่อวัดพฤติกรรมนี้

1. นำเข้า Firebase Analytics เหมือนเมื่อก่อน และเพิ่มอินสแตนซ์ของ Analytics ไปยัง RestaurantPage ใน restaurant_page.dart

class RestaurantPage extends StatefulWidget {
  static const route = '/restaurant';
  static FirebaseAnalytics analytics = FirebaseAnalytics();
  final String _restaurantId;
  RestaurantPage({Key key, @required String restaurantId})
      : _restaurantId = restaurantId,
        super(key: key);
  @override
  _RestaurantPageState createState() =>
      _RestaurantPageState(restaurantId: _restaurantId);
}

2. ตอนนี้เรามาเริ่มเหตุการณ์ใน _onCreateReviewPressed เมื่อเราบันทึกบทวิจารณ์ใน restaurant_page.dart

 if (newReview != null) {
   // Log successful review
   await RestaurantPage.analytics.logEvent(name: 'review_success');
   // Save the review
   return data.addReview(restaurantId: _restaurant.id, review: newReview);
 }

กำหนดค่าการทดสอบ A/B ในคอนโซล Firebase

ตอนนี้เรารู้วิธีสร้างแคมเปญการรับส่งข้อความในแอปแล้ว ก็ถึงเวลาพิจารณาว่าเราต้องการสนับสนุนพฤติกรรมประเภทใดในแอปของเราผ่านแคมเปญเหล่านี้ สำหรับ FriendlyEats เราต้องการให้ผู้คนเขียนรีวิวมากขึ้น ซึ่งจะทำให้แอปมีประโยชน์มากขึ้น! มีหลายวิธีที่เราสามารถสนับสนุนสิ่งนี้ได้โดยใช้ข้อความในแอพ วิธีหนึ่งคือการส่งข้อความในแอปง่ายๆ ที่บอกผู้ใช้ว่าควรเขียนรีวิวร้านอาหารเพื่อช่วยปรับปรุงแอป FriendlyEats อีกวิธีหนึ่งคือการใช้ข้อความในแอปเพื่อเสนอสิ่งจูงใจบางประเภทในการเขียนรีวิว เช่น คูปองหรือรหัสส่วนลดสำหรับร้านอาหารที่กำหนด

ทั้งสองวิธีสามารถเพิ่มความถี่ที่ผู้ใช้เขียนรีวิวร้านอาหารบน FriendlyEats และดูเหมือนว่าการให้คูปองอาจส่งผลกระทบที่หนักแน่นยิ่งขึ้นในกรณีนี้ แต่การให้คูปองนี้มีแนวโน้มที่จะทำให้ผู้ใช้เขียนบทวิจารณ์ได้มากเพียงใด มันคุ้มค่ากับราคาคูปองตั้งแต่แรกหรือไม่? เพื่อพิจารณาสิ่งนี้ เราจะทำการทดสอบการรับส่งข้อความในแอป! เราสามารถใช้การทดสอบ Firebase A/B เพื่อสุ่มแสดงข้อความในแอปของเราแก่ผู้ใช้ และวัดผลกระทบที่มีต่อพฤติกรรมของผู้ใช้ เหมือนกับการทดลองทางคลินิก เหนือสิ่งอื่นใด สามารถทำได้อย่างสมบูรณ์ผ่านคอนโซล Firebase โดยไม่ต้องใช้โค้ด!

วิธีเขียนการทดสอบการรับส่งข้อความในแอปครั้งแรก:

1. ในส่วน การมีส่วนร่วม ของคอนโซล Firebase ให้คลิก การทดสอบ A/B
2. คลิก สร้างการทดสอบ และเลือกว่าคุณต้องการทดสอบด้วย การส่งข้อความในแอป สิ่งนี้จะนำคุณไปสู่ผู้แต่งการทดลองที่แสดงด้านล่าง

ตั้งชื่อการทดลองและคำอธิบายเพิ่มเติม

4. ขั้นตอนต่อไปคือที่ที่คุณจะเขียนข้อความในแอปต่างๆ ที่คุณจะส่งถึงผู้ใช้ในการทดสอบ ข้อความในแอปแรกที่เราจะเขียนคือ "พื้นฐาน" หรือการควบคุมการทดสอบของเรา เราทำให้ข้อความ "โปรดตรวจสอบ" เป็นเรื่องง่ายๆ ของเราได้:

5. ตอนนี้เรามีพื้นฐานแล้ว เราจะเขียนรูปแบบข้อความในแอปที่ให้รหัสคูปองแก่ผู้ใช้เพื่อกระตุ้นให้พวกเขาเขียนรีวิว ข้อมูลนี้ไม่สามารถมองเห็นได้ทั้งหมดในการแสดงตัวอย่างด้านล่าง แต่ชื่อข้อความคือ "รับคูปอง เขียนรีวิว!" และเนื้อหาของข้อความคือ "ครั้งต่อไปที่คุณอยู่ที่ Burrito Cafe ใช้รหัสคูปอง FRIENDLYEATS-15 ที่ ชำระเงินเพื่อรับส่วนลด 15% สำหรับการสั่งซื้อของคุณ และอย่าลืมเขียนรีวิวหลังจากนั้น!" หวังว่านี่จะเป็นแรงบันดาลใจให้ผู้ใช้บางคนมาลองที่ร้าน Burrito Cafe!

ในขั้นตอนถัดไป เราจะกำหนดเป้าหมายแอปของเราและตั้งค่าการรับแสง นี่คือเปอร์เซ็นต์ของผู้ใช้ที่มีสิทธิ์ (ผู้ที่ตรงตามเงื่อนไขการกำหนดเป้าหมาย/ทริกเกอร์) ซึ่งจะเห็นข้อความใดข้อความหนึ่งในการทดสอบ เราสามารถตั้งค่านี้เป็น 100% สำหรับตัวอย่างนี้ได้ เนื่องจากเราต้องการให้ผู้ใช้ทุกคนเห็นรูปแบบพื้นฐานหรือรูปแบบคูปองของเรา หากคุณต้องการให้กลุ่มควบคุมไม่แสดงข้อความในแอปเลย คุณสามารถลดเปอร์เซ็นต์การมองเห็นนี้ได้

7. ต่อไป คุณจะกำหนดเป้าหมายบางอย่างสำหรับการทดสอบ นี่คือผลลัพธ์ของการทดสอบที่เราต้องการวัด เราจะกำหนดให้สิ่งนี้เป็นเหตุการณ์การวิเคราะห์ review_success ที่เรากำหนดไว้ในส่วนที่แล้ว เนื่องจากเราต้องการเห็นผลกระทบที่ข้อความในแอปต่างๆ มีต่อผู้ใช้ที่เขียนรีวิวร้านอาหาร
8. สำหรับการตั้งเวลา เราจะให้แคมเปญเริ่มต้นทันที และตั้งค่า click_restaurant เป็นเงื่อนไขที่เรียกใช้ เพื่อให้ผู้ใช้เห็นหนึ่งในสองข้อความในแอปเมื่อคลิกที่ร้านอาหาร

9. ตอนนี้ เหลือเพียงตรวจสอบการทดสอบของเรา และกด เริ่มการทดสอบ จากนั้นเราก็นั่งรอข้อมูลจากการทดสอบของเราได้เลย!

ตรวจสอบการรวบรวมข้อมูลแบบเรียลไทม์

ตอนนี้เราได้เริ่มต้นการทดสอบแล้ว ผู้ใช้ FriendlyEats จะสุ่มเห็นข้อความหนึ่งในสองข้อความในแอปที่เราสร้างขึ้นเมื่อพวกเขาคลิกที่ร้านอาหาร ไม่ว่าจะเป็นข้อความ พื้นฐาน หรือข้อความ รูปแบบอื่น การดำเนินการนี้จะแบ่งผู้ใช้ของเราออกเป็นสองกลุ่ม ขึ้นอยู่กับข้อความที่พวกเขาเห็น จากนั้นเราจะดูในคอนโซล Firebase (อีกครั้งในส่วนการทดสอบ A/B) เพื่อเปรียบเทียบข้อมูลการวิเคราะห์แบบเรียลไทม์จากทั้งสองกลุ่ม ข้อมูลจะต้องใช้เวลาสักระยะหนึ่ง เนื่องจากเราต้องรอให้ผู้ใช้เห็นข้อความในแอปจริงๆ และดำเนินการตามนั้น ผลลัพธ์ของคุณอาจมีลักษณะดังนี้เมื่อมีข้อมูลเพียงพอ:

ในกรณีนี้ ตัวแปรได้รับการปรับปรุงตามเกณฑ์พื้นฐานอย่างมีนัยสำคัญ ดังนั้นเราจึงสามารถเลือก เปิดตัวตัวแปร ซึ่งจะเปิดตัวข้อความในแอปพร้อมคูปองแก่ผู้ใช้ทุกคน

8. ขอแสดงความยินดี

ยินดีด้วย คุณสร้างและดำเนินการการทดสอบการรับส่งข้อความในแอปครั้งแรกสำเร็จแล้ว ตอนนี้คุณสามารถทำการทดสอบในแอปของคุณเอง และใช้ผลลัพธ์เพื่อทำให้แคมเปญการรับส่งข้อความในแอปมีประสิทธิภาพมากขึ้น

อะไรต่อไป?

ลองดู Codelab เหล่านี้บางส่วน...

• Firestore Flutter หลายแพลตฟอร์ม
• เพิ่มการทดลองการกำหนดค่าระยะไกลของ Firebase ลงในแอป Android

อ่านเพิ่มเติม

เราเพิ่งเปิดเผยเบื้องต้นเกี่ยวกับสิ่งที่สามารถทำได้ด้วยการรับส่งข้อความในแอปของ Firebase และการทดสอบ A/B ของ Firebase ลองดูสิ่งเหล่านี้หากคุณต้องการเรียนรู้เพิ่มเติม...

• สร้างการทดสอบการรับส่งข้อความด้วยการทดสอบ A/B
• สร้างการทดสอบการกำหนดค่าระยะไกลด้วยการทดสอบ A/B
• สำรวจกรณีการใช้งานของการส่งข้อความในแอป Firebase
• ปรับแต่งข้อความ Firebase In-App Messaging ของคุณ

เอกสารอ้างอิง

• สร้างการทดสอบการรับส่งข้อความในแอปด้วยการทดสอบ A/B