Blueshift’s Deep Links, universal links on iOS and app links on Android, provide the ability to point customers to the optimal destination inside a mobile app to ensure a smooth end-to-end experience for the customer. You can create seamless channel-to-app experiences using this feature. 

Blueshift Deep Links are http or https URLs that take users to a particular page in the app or launch a particular page in a browser. When you send a Blueshift deep link in an SMS or an email and a customer clicks the link, both iOS and Android can launch your app and open a particular page in the app that is mapped to the link.

For example, a campaign email message from Blueshift contains a link to a product. When a user opens the email on a mobile device and clicks the link, the mobile operating system launches the app installed on the user's device and opens the product page in the app.

universal-links-workflow.png

Prerequisites

To use Deep links in your campaign messages, you must use Blueshift’s mobile SDKs. 

When an email message is rendered, the Blueshift platform rewrites the URL and the path starts with /track or /z if the URL is shortened. If you set web-only="true", the URL is rewritten and its path starts with /web-only/track or /web-only/z.

For more information, see Blueshift’s iOS and Android SDKs. 

For more information about setting up product URLs and domain mappings, contact support@blueshift.com. 

How to set up a Blueshift deep link

Let's use a basic example of an email template. Blueshift uses the liquid template language and html to create an email template. After you create your HTML email template, you can use liquid variables in the template to link an HTML element with the product. 

A possible liquid variable to include the URL for a product in the template looks like {{products[0].url}}.

For example:

<!DOCTYPE html>
  <html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width">

<style>

  #main {

    background: #fff; min-height: 400px; padding: 10px;

    font-family:arial,helvetica,sans-serif;

  }

</style>

<body>

<div id="main">

    <br/><a href="{{products[0].url}}">Product URL (Recommendation)</a>

    {% assign url = products[1].url %}

    <br/><a href="{{url}}">Product URL (Liquid variable)</a>

    <br/><a href="https://www.blueshiftreads.com/products/juvenile-fiction-action-adventure-general/matilda">Product URL (Direct URL - Matilda)</a>

    <br/><a href="{{products[2].url}}" bsft-no-track>Product URL (bsft-no-track)</a>

    <br/>

    <br/><a href="https://www.blueshiftreads.com">Blueshift Reads URL without Product path</a>

    <br/>

    <br/><a href="http://blueshiftreads.com">blueshiftreads.com (http without www)</a>

    <br/><a href="https://blueshift.com/">blueshift.com</a>




    {% assign products_in_grid = products %}

    <br/><br/><h2>Regular Product Grid </h2>

    <shared_asset> bsft_generic_product_grid </shared_asset>

  </div>

</body>

</html>

In the above example, we have used a liquid variable in multiple places. The Product URL (Recommendation) is linked using the liquid variable, {{products[0].url}} which is mapped to https://universallinks.blueshiftreads.com/z/03u3gtiit?uid=57952f01-e7a8-413f-bce1-bff6ff3fd79d&mid=d11853a3-1dcf-4ff7-80f2-4d035ad76436&bsft_pp=1&bsft_ek=2020-05-29T13%3A32%3A25Z&bsft_mime_type=html in Blueshift. When a user clicks this URL, iOS or Android can directly open the linked page of your app instead of launching it in a browser.

deeplink_example.png

Opening links in browsers or other apps

If you want the linked page to open in the browser in the mobile device or in a third party app, add the attribute ‘web-only = true’ to your URL. When a user clicks the link, the mobile OS determines whether there is an app registered to open the link. If there is, it launches the app. Otherwise, it opens the link in a browser tab.

For example, if you want to link to a product URL but you don’t want the mobile device to launch the app when a customer clicks on the link, specify the link as:

<a href="{{url}}" web-only="true">Product URL (Liquid variable)</a>

 

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.