کاربران برنامه وب موبایل خود را به کاربران برنامه بومی تبدیل کنید

اگر علاوه بر یک اپلیکیشن بومی زیبا، برای ساختن یک وب‌سایت موبایل عالی به مشکل خورده باشید، اما توجه داشته باشید که نرخ تبدیل شما در برنامه بومی بهتر از وب است. در این حالت، تبدیل کاربران وب موبایل به دانلود برنامه شما ممکن است به کسب و کار شما رونق بخشد. در حالی که انتقال آنها از یکی به دیگری می تواند چالش برانگیز باشد، Dynamic Links این کار را آسان می کند. با کد بسیار کمی می توانید این قابلیت را برای کاربر اضافه کنید که روی یک لینک در وب تلفن همراه شما کلیک کند و به صفحه مربوطه در برنامه شما منتقل شود، حتی اگر برای نصب آن ابتدا به اپ استور یا گوگل پلی استور برود!

مزایای کلیدی

• کاربران وب تلفن همراه را به کاربران برنامه بومی تبدیل کنید و در عین حال انتقال را تا حد امکان برای آنها راحت کنید.
• کاربران می توانند برنامه شما را با همان محتوایی که در سایت شما مشاهده می کردند شروع کنند.
• ادغام بسیار کمی مورد نیاز است.

در اینجا نحوه شروع به کار آمده است!

قبل از اینکه شروع کنی

محتوای برنامه خود را به صورت عمیق پیوند دهید

کلید تبدیل کاربران وب موبایل به کاربران برنامه بومی این است که مطمئن شوید کاربر هنگام باز کردن برنامه ای که در وب می بیند، همان محتوایی را می بیند. بنابراین، قبل از اینکه بتوانید کاربران وب تلفن همراه خود را به برنامه خود ارسال کنید، برنامه شما باید بتواند لینک های عمیق به محتوا را دریافت کند.

اگر پیوندهای جهانی iOS یا پیوندهای برنامه اندروید را پیاده سازی کرده اید، احتمالاً قبلاً این کار را انجام داده اید. اما اگر نه، منطقی را به برنامه خود اضافه کنید که یک URL از وب سایت شما می گیرد و محتوای مربوطه را در برنامه شما به کاربر نمایش می دهد.

Firebase و Dynamic Links SDK را راه اندازی کنید

یک پروژه Firebase جدید راه اندازی کنید و Dynamic Links SDK را در برنامه خود نصب کنید. ( iOS ، Android ، C++ ، Unity ). نصب Dynamic Links SDK به Firebase اجازه می دهد تا داده های مربوط به Dynamic Link را پس از نصب برنامه توسط کاربر ارسال کند. بدون SDK، هیچ راهی برای اتصال کاربر پس از نصب با یک کلیک از پیش نصب وجود ندارد.

پیوندهای «باز کردن در برنامه» را به صفحات وب خود اضافه کنید

اکنون زمان آن است که پیوندهایی را تنظیم کنید که افراد را از وب سایت شما به برنامه اصلی شما منتقل می کند. نگران نباشید اگر کاربران شما هنوز برنامه را نصب نکرده اند. داینامیک لینک ها می توانند از آن برای شما مراقبت کنند.

در هر صفحه از وب سایت خود، به صورت پویا یک پیوند پویا ایجاد کنید . از آنجایی که قبلاً محتوای خود را قابل پیوند عمیق کرده اید، پارامتر link می تواند به سادگی آدرس صفحه ای باشد که در آن قرار دارد.

در اینجا چنین پیوندی ممکن است شبیه باشد:

<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 (در اندروید) یا پارامتر ibi (در iOS) نصب نشده باشد، کاربران برای نصب برنامه به فروشگاه Play یا App Store منتقل می شوند. سپس برنامه باز می شود و URL مشخص شده در پارامتر link به آن ارسال می شود.

محتوای پیوند شده را در برنامه خود باز کنید

در مرحله بعد، باید پیوندی را که به برنامه شما ارسال شده است دریافت کنید و محتوای پیوند داده شده را باز کنید، که با استفاده از پیوندهای پویا SDK آسان است:

iOS

در iOS، با اجرای متد application:continueUserActivity:restorationHandler: پیوند پویا را دریافت می کنید. در کنترل کننده بازیابی، می توانید با فراخوانی handleUniversalLink:completion: پیوند پویا را دریافت کنید. اگر یک پیوند پویا به برنامه شما ارسال شده است، می توانید آن را از ویژگی url FIRDynamicLink دریافت کنید. مثلا:

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

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

علاوه بر این، باید dynamicLinkFromCustomSchemeURL: را در application:openURL:options: برای دریافت پیوندهای پویا که به عنوان URL طرح سفارشی به برنامه شما ارسال می شود، فراخوانی کنید. مثلا:

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

let dynamicLink = FIRDynamicLinks.dynamicLinks()?.dynamicLinkFromCustomSchemeURL(url)
if let dynamicLink = dynamicLink {
  let link = dynamiclink.url
  // ...
  return true
}

اکنون که مقدار پارامتر link را دارید، محتوای پیوند شده را به کاربر خود نمایش دهید.

اندروید

در اندروید، از متد getDynamicLink() برای دریافت داده از Dynamic Link استفاده می کنید:

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

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

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

اکنون که مقدار پارامتر link را دارید، محتوای پیوند شده را به کاربر خود نمایش دهید.