แปลงผู้ใช้เว็บบนอุปกรณ์เคลื่อนที่เป็นผู้ใช้แอปที่มาพร้อมเครื่อง

จะเกิดอะไรขึ้นหากคุณประสบปัญหาในการสร้างเว็บไซต์บนมือถือที่ยอดเยี่ยมนอกเหนือจากแอปที่มาพร้อมเครื่องที่สวยงาม แต่สังเกตว่าอัตรา 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

หมายเหตุ: ผลิตภัณฑ์ Firebase นี้ไม่พร้อมใช้งานบนเป้าหมาย macOS, Mac Catalyst, tvOS หรือ watchOS

[[FIRDynamicLinks dynamicLinks]
    handleUniversalLink:userActivity.webpageURL
             completion:^(FIRDynamicLink * _Nullable dynamicLink,
                          NSError * _Nullable error) {
      NSString *link = dynamicLink.url;
    }];

Swift

หมายเหตุ: ผลิตภัณฑ์ Firebase นี้ไม่พร้อมใช้งานบนเป้าหมาย macOS, Mac Catalyst, tvOS หรือ watchOS

FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
    let link = dynamiclink.url
}

นอกจากนี้ คุณต้องเรียก dynamicLinkFromCustomSchemeURL: ใน application:openURL:options: เพื่อรับลิงก์แบบไดนามิกที่ส่งผ่านไปยังแอปของคุณเป็น URL แบบแผนที่กำหนดเอง ตัวอย่างเช่น:

วัตถุประสงค์-C

หมายเหตุ: ผลิตภัณฑ์ Firebase นี้ไม่พร้อมใช้งานบนเป้าหมาย macOS, Mac Catalyst, tvOS หรือ watchOS

FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
  NSString *link = dynamicLink.url;
  // ...
  return YES;
}

Swift

หมายเหตุ: ผลิตภัณฑ์ Firebase นี้ไม่พร้อมใช้งานบนเป้าหมาย macOS, Mac Catalyst, tvOS หรือ watchOS

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
                    // ...
                }
            }
        });
MainActivity.java

Kotlin+KTX

Firebase.dynamicLinks
        .getDynamicLink(intent)
        .addOnCompleteListener { task ->
            if (!task.isSuccessful) {
                // Handle error
                // ...
            }

            val invite = FirebaseAppInvite.getInvitation(task.result)
            if (invite != null) {
                // Handle invite
                // ...
            }
        }
MainActivity.kt

เมื่อคุณมีค่าของพารามิเตอร์ link แล้ว ให้แสดงเนื้อหาที่ลิงก์แก่ผู้ใช้ของคุณ