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

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

ประโยชน์หลัก

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

นี่คือวิธีเริ่มต้น!

ก่อนจะเริ่ม

ทำให้เนื้อหาของแอปเชื่อมโยงในรายละเอียดได้

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

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

ตั้งค่าโปรเจ็กต์ 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) ไม่ได้ติดตั้งผู้ใช้จะถูกนำไปเล่น Store หรือ App Store ในการติดตั้งแอป จากนั้นแอปเปิดและ URL ที่ระบุไว้ใน link พารามิเตอร์ผ่านไป

เปิดเนื้อหาที่เชื่อมโยงในแอปของคุณ

ถัดไป คุณต้องรับลิงก์ที่ส่งไปยังแอปของคุณและเปิดเนื้อหาที่เชื่อมโยง ซึ่งทำได้ง่ายโดยใช้ Dynamic Links SDK:

iOS

บน iOS ให้คุณได้รับการเชื่อมโยงแบบไดนามิกโดยการใช้ application:continueUserActivity:restorationHandler: วิธีการ ในการจัดการฟื้นฟูคุณจะได้รับการเชื่อมโยงแบบไดนามิกโดยการเรียก 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() วิธีการที่จะได้รับข้อมูลจากการเชื่อมโยงแบบไดนามิก:

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

คอตลิน+KTX

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

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

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