จะเกิดอะไรขึ้นหากคุณประสบปัญหาในการสร้างเว็บไซต์บนมือถือที่ยอดเยี่ยมนอกเหนือจากแอปที่มาพร้อมเครื่องที่สวยงาม แต่สังเกตว่าอัตรา Conversion ของคุณดีกว่าในแอปที่มาพร้อมเครื่องมากกว่าบนเว็บ ในกรณีนี้ การแปลงผู้ใช้เว็บบนอุปกรณ์เคลื่อนที่ให้ดาวน์โหลดแอปของคุณอาจช่วยส่งเสริมธุรกิจของคุณ แม้ว่าการย้ายจากที่หนึ่งไปยังอีกที่หนึ่งอาจเป็นสิ่งที่ท้าทาย Dynamic Links ทำให้ง่าย ด้วยโค้ดเพียงเล็กน้อย คุณสามารถเพิ่มความสามารถให้ผู้ใช้คลิกลิงก์ในเว็บบนมือถือของคุณและถูกนำไปที่หน้าที่เกี่ยวข้องในแอพของคุณ แม้ว่าพวกเขาจะต้องไปที่ App Store หรือ Google Play Store เพื่อติดตั้งก่อน!
ประโยชน์หลัก
- เปลี่ยนผู้ใช้เว็บบนอุปกรณ์เคลื่อนที่ให้เป็นผู้ใช้แอปที่มาพร้อมเครื่อง ในขณะเดียวกันก็ทำให้การเปลี่ยนแปลงเป็นไปอย่างสะดวกสบายที่สุดสำหรับพวกเขา
- ผู้ใช้สามารถเริ่มแอปของคุณด้วยเนื้อหาเดียวกับที่พวกเขาดูบนไซต์ของคุณ
- จำเป็นต้องมีการบูรณาการน้อยมาก
นี่คือวิธีการเริ่มต้น!
ก่อนจะเริ่ม
ทำให้เนื้อหาของแอปเชื่อมโยงในรายละเอียดได้
กุญแจสำคัญในการแปลงผู้ใช้เว็บบนอุปกรณ์เคลื่อนที่ให้เป็นผู้ใช้แอปที่มาพร้อมเครื่องคือต้องแน่ใจว่าผู้ใช้เห็นเนื้อหาเดียวกันเมื่อเปิดแอปที่เห็นบนเว็บ ดังนั้น ก่อนที่คุณจะสามารถส่งผู้ใช้เว็บบนอุปกรณ์เคลื่อนที่ไปยังแอปของคุณได้ แอปของคุณจะต้องสามารถรับลิงก์ในรายละเอียดไปยังเนื้อหาได้
หากคุณได้ติดตั้ง iOS Universal Links หรือ Android App Links แสดงว่าคุณดำเนินการนี้เรียบร้อยแล้ว แต่ถ้าไม่ใช่ ให้เพิ่มตรรกะให้กับแอปของคุณซึ่งรับ URL จากเว็บไซต์ของคุณและแสดงเนื้อหาที่เกี่ยวข้องภายในแอปของคุณให้ผู้ใช้เห็น
ตั้งค่า Firebase และ Dynamic Links SDK
ตั้งค่าโปรเจ็กต์ Firebase ใหม่และติดตั้ง Dynamic Links SDK ในแอปของคุณ ( iOS , Android , C++ , เอกภาพ ) การติดตั้ง Dynamic Links SDK ช่วยให้ Firebase ส่งต่อข้อมูลเกี่ยวกับ Dynamic Link หลังจากที่ผู้ใช้ติดตั้งแอป หากไม่มี SDK จะไม่มีวิธีเชื่อมต่อผู้ใช้หลังการติดตั้งด้วยการคลิกล่วงหน้า
เพิ่มลิงก์ "เปิดในแอป" ในหน้าเว็บของคุณ
ถึงเวลาตั้งค่าลิงก์ที่จะย้ายผู้คนจากเว็บไซต์ของคุณไปยังแอปที่มาพร้อมเครื่อง ไม่ต้องกังวลหากผู้ใช้ของคุณยังไม่ได้ติดตั้งแอป Dynamic Links สามารถดูแลให้คุณได้
ในแต่ละหน้าของเว็บไซต์ของคุณ ให้ สร้างลิงก์แบบไดนามิก เนื่องจากคุณได้ทำให้เนื้อหาลิงก์ในรายละเอียดได้แล้ว พารามิเตอร์ของ link
จึงสามารถเป็น URL ของหน้าเว็บที่เปิดอยู่ได้
ลิงก์ดังกล่าวอาจมีลักษณะดังนี้:
<a href="https://example.page.link/?link=https://www.example.com/content?item%3D1234&apn=com.example.android&ibi=com.example.ios">Open this page in our app!</a>
เมื่อผู้ใช้เปิดลิงก์นี้ในอุปกรณ์ หากไม่ได้ติดตั้งแอปที่ระบุโดยพารามิเตอร์ apn
(บน Android) หรือพารามิเตอร์ ibi
(บน iOS) ระบบจะนำผู้ใช้ไปที่ Play Store หรือ App Store เพื่อติดตั้งแอป จากนั้น แอปจะเปิดขึ้น และ URL ที่ระบุในพารามิเตอร์ link
จะถูกส่งไปยังแอปนั้น
เปิดเนื้อหาที่เชื่อมโยงในแอปของคุณ
ถัดไป คุณต้องรับลิงก์ที่ส่งไปยังแอปของคุณและเปิดเนื้อหาที่เชื่อมโยง ซึ่งทำได้ง่ายโดยใช้ Dynamic Links SDK:
iOS
บน iOS คุณได้รับลิงก์แบบไดนามิกโดยใช้เมธอด application:continueUserActivity:restorationHandler:
ในตัวจัดการการคืนค่า คุณสามารถรับ Dynamic Link ได้โดยเรียก handleUniversalLink:completion:
หากส่งลิงก์แบบไดนามิกไปยังแอปของคุณ คุณสามารถรับได้จากคุณสมบัติ url
ของ FIRDynamicLink
ตัวอย่างเช่น:
วัตถุประสงค์-C
[[FIRDynamicLinks dynamicLinks]
handleUniversalLink:userActivity.webpageURL
completion:^(FIRDynamicLink * _Nullable dynamicLink,
NSError * _Nullable error) {
NSString *link = dynamicLink.url;
}];
Swift
FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
let link = dynamiclink.url
}
นอกจากนี้ คุณต้องเรียก dynamicLinkFromCustomSchemeURL:
ใน application:openURL:options:
เพื่อรับลิงก์แบบไดนามิกที่ส่งผ่านไปยังแอปของคุณเป็น URL แบบแผนที่กำหนดเอง ตัวอย่างเช่น:
วัตถุประสงค์-C
FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
NSString *link = dynamicLink.url;
// ...
return YES;
}
Swift
let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
let link = dynamiclink.url
// ...
return true
}
เมื่อคุณมีค่าของพารามิเตอร์ link
แล้ว ให้แสดงเนื้อหาที่ลิงก์แก่ผู้ใช้ของคุณ
Android
บน Android คุณใช้ getDynamicLink()
เพื่อรับข้อมูลจาก Dynamic Link:
Java
FirebaseDynamicLinks.getInstance() .getDynamicLink(getIntent()) .addOnCompleteListener(new OnCompleteListener<PendingDynamicLinkData>() { @Override public void onComplete(@NonNull Task<PendingDynamicLinkData> task) { if (!task.isSuccessful()) { // Handle error // ... } FirebaseAppInvite invite = FirebaseAppInvite.getInvitation(task.getResult()); if (invite != null) { // Handle invite // ... } } });
Kotlin+KTX
Firebase.dynamicLinks .getDynamicLink(intent) .addOnCompleteListener { task -> if (!task.isSuccessful) { // Handle error // ... } val invite = FirebaseAppInvite.getInvitation(task.result) if (invite != null) { // Handle invite // ... } }
เมื่อคุณมีค่าของพารามิเตอร์ link
แล้ว ให้แสดงเนื้อหาที่ลิงก์แก่ผู้ใช้ของคุณ