Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

अपने मोबाइल वेब ऐप उपयोगकर्ताओं को नेटिव ऐप उपयोगकर्ताओं में बदलें

संग्रह की मदद से व्यवस्थित रहें अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.

क्या होगा यदि आप एक सुंदर देशी ऐप के साथ-साथ एक बढ़िया मोबाइल वेबसाइट बनाने में परेशानी का सामना कर चुके हैं, लेकिन ध्यान दें कि वेब की तुलना में नेटिव ऐप में आपकी रूपांतरण दर बेहतर है। इस मामले में, मोबाइल वेब उपयोगकर्ताओं को आपका ऐप डाउनलोड करने के लिए परिवर्तित करने से आपके व्यवसाय को बढ़ावा मिल सकता है। जबकि उन्हें एक से दूसरे में ले जाना चुनौतीपूर्ण हो सकता है, डायनेमिक लिंक इसे आसान बनाता है। बहुत कम कोड के साथ आप एक उपयोगकर्ता के लिए अपने मोबाइल वेब पर एक लिंक पर क्लिक करने की क्षमता जोड़ सकते हैं और अपने ऐप में संबंधित पेज पर ले जाया जा सकता है, भले ही उन्हें इसे पहले ऐप स्टोर या Google Play Store पर इंस्टॉल करने के लिए जाना पड़े!

प्रमुख लाभ

  • मोबाइल वेब उपयोगकर्ताओं को उनके लिए यथासंभव सुविधाजनक बनाते हुए मूल ऐप उपयोगकर्ताओं में बदल दें।
  • उपयोगकर्ता आपके ऐप को उसी सामग्री से शुरू कर सकते हैं जो वे आपकी साइट पर देख रहे थे।
  • बहुत कम एकीकरण की जरूरत है।

यहां बताया गया है कि शुरुआत कैसे करें!

शुरू करने से पहले

अपने ऐप की सामग्री को डीप-लिंक करने योग्य बनाएं

मोबाइल वेब उपयोगकर्ताओं को मूल ऐप उपयोगकर्ताओं में परिवर्तित करने की कुंजी यह सुनिश्चित कर रही है कि उपयोगकर्ता को वही सामग्री दिखाई दे जब वे ऐप खोलते हैं जो वे वेब पर देख रहे हैं। इसलिए, इससे पहले कि आप अपने मोबाइल वेब उपयोगकर्ताओं को अपने ऐप पर भेजना शुरू करें, आपके ऐप को सामग्री के डीप लिंक प्राप्त करने में सक्षम होना चाहिए।

यदि आपने iOS युनिवर्सल लिंक या Android ऐप लिंक लागू किया है, तो आप शायद यह काम पहले ही कर चुके हैं। लेकिन यदि नहीं, तो अपने ऐप में तर्क जोड़ें जो आपकी वेबसाइट से एक यूआरएल लेता है और उपयोगकर्ता को आपके ऐप के भीतर संबंधित सामग्री प्रदर्शित करता है।

एक नया फायरबेस प्रोजेक्ट सेट करें और अपने ऐप में डायनामिक लिंक एसडीके इंस्टॉल करें। ( आईओएस , एंड्रॉइड , सी ++ , यूनिटी )। डायनामिक लिंक एसडीके स्थापित करने से फायरबेस को उपयोगकर्ता द्वारा ऐप इंस्टॉल करने के बाद डायनामिक लिंक के बारे में डेटा पास करने की अनुमति मिलती है। एसडीके के बिना, पोस्ट-इंस्टॉल उपयोगकर्ता को प्री-इंस्टॉल क्लिक से जोड़ने का कोई तरीका नहीं है।

अब लिंक सेट करने का समय आ गया है जो लोगों को आपकी वेबसाइट से आपके मूल ऐप में ले जाएगा। यदि आपके उपयोगकर्ताओं के पास अभी तक ऐप इंस्टॉल नहीं है तो चिंता न करें; डायनेमिक लिंक आपके लिए इसका ख्याल रख सकते हैं।

अपनी वेब साइट के प्रत्येक पृष्ठ पर, गतिशील रूप से एक गतिशील लिंक उत्पन्न करें । चूंकि आप पहले ही अपनी सामग्री को डीप-लिंक करने योग्य बना चुके हैं, 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>

जब उपयोगकर्ता अपने डिवाइस पर इस लिंक को खोलते हैं, यदि ibi apn (आईओएस पर) द्वारा निर्दिष्ट ऐप इंस्टॉल नहीं होता है, तो उपयोगकर्ताओं को ऐप इंस्टॉल करने के लिए प्ले स्टोर या ऐप स्टोर पर ले जाया जाता है। फिर, ऐप खुलता है, और link पैरामीटर में निर्दिष्ट यूआरएल उसे पास कर दिया जाता है।

लिंक की गई सामग्री को अपने ऐप्लिकेशन में खोलें

इसके बाद, आपको वह लिंक प्राप्त करना होगा जो आपके ऐप को दिया गया है और लिंक की गई सामग्री को खोलना है, जो कि डायनामिक लिंक एसडीके का उपयोग करना आसान है:

आईओएस

आईओएस पर, आप application:continueUserActivity:restorationHandler: विधि। बहाली हैंडलर में, आप हैंडल handleUniversalLink:completion: को कॉल करके डायनामिक लिंक प्राप्त कर सकते हैं। यदि आपके ऐप को एक डायनामिक लिंक पास किया गया था, तो आप इसे FIRDynamicLink की url प्रॉपर्टी से प्राप्त कर सकते हैं। उदाहरण के लिए:

उद्देश्य सी

नोट: यह फायरबेस उत्पाद macOS, Mac उत्प्रेरक, tvOS, या watchOS लक्ष्यों पर उपलब्ध नहीं है।
[[FIRDynamicLinks dynamicLinks]
    handleUniversalLink:userActivity.webpageURL
             completion:^(FIRDynamicLink * _Nullable dynamicLink,
                          NSError * _Nullable error) {
      NSString *link = dynamicLink.url;
    }];

तीव्र

नोट: यह फायरबेस उत्पाद macOS, Mac उत्प्रेरक, tvOS, या watchOS लक्ष्यों पर उपलब्ध नहीं है।
FIRDynamicLinks.dynamicLinks()?.handleUniversalLink(userActivity.webpageURL!) { (dynamiclink, error) in
    let link = dynamiclink.url
}

इसके अतिरिक्त, आपको dynamicLinkFromCustomSchemeURL: application:openURL:options: कस्टम स्कीम यूआरएल के रूप में आपके ऐप को दिए गए डायनामिक लिंक प्राप्त करने की विधि। उदाहरण के लिए:

उद्देश्य सी

नोट: यह फायरबेस उत्पाद macOS, Mac उत्प्रेरक, tvOS, या watchOS लक्ष्यों पर उपलब्ध नहीं है।
FIRDynamicLink *dynamicLink = [[FIRDynamicLinks dynamicLinks] dynamicLinkFromCustomSchemeURL:url];
if (dynamicLink) {
  NSString *link = dynamicLink.url;
  // ...
  return YES;
}

तीव्र

नोट: यह फायरबेस उत्पाद macOS, Mac उत्प्रेरक, tvOS, या watchOS लक्ष्यों पर उपलब्ध नहीं है।
let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
  let link = dynamiclink.url
  // ...
  return true
}

अब जब आपके पास link पैरामीटर का मान है, तो अपने उपयोगकर्ता को लिंक की गई सामग्री प्रदर्शित करें।

एंड्रॉयड

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

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 पैरामीटर का मान है, तो अपने उपयोगकर्ता को लिंक की गई सामग्री प्रदर्शित करें।