App to App Linking allows an app user to open another app on their device from a Bluebridge app. This link can simply launch the other app or open to a specific section within the app. App to App Linking is especially powerful because it recognizes what operating system the user has - iOS or Android - and adjusts the link accordingly. The functionality also prompts the user to download the app from the App Store or Google Play if the app is not yet installed on their device. App to App Linking is easy to set up in an Emplify app and allows the user to access relevant content from a different app in context to the content they were viewing in the Emplify app.
**Note: App to App linking is only possible if the creator of the third-party app has built the app to support an App URL Scheme and continues to maintain and support this functionality. Not all third-party apps will have this support even though all Emplify apps have the capability to utilize App to App linking. If the third-party app creator chooses to remove this functionality in the future, the Emplify app will no longer be able to launch the other app.
To enable App to App Linking in your Emplify app, follow these simple steps:
1. Select the App Link draggable from the draggables panel:
This draggable can be added by itself on an item or can be added to an item with other properties.
2. Add the iOS and Android App Scheme URL:
The App Scheme URL is the link that will launch the third-party app. App Scheme URLs have the capability to not only launch an app, but also open to a specific section of an app depending on the functionality that is supported in the third-party app.
3. Add the iOS Default URL:
This is the link that will open if iOS users don't have the app installed. There are a couple strategies that can be used for the Default URL. If the content in the app is also available on a website, one option is to include the link to the website so users can still view the content from a browser.
Another option is to the take iOS users to the Apple App Store page for the third-party app. This will make it easy for users to download the app. You can find this link by navigating to the store page for the app in iTunes or on the web.
In iTunes - Go to the store page for the app and right click on the App Name. Select copy link and paste this link into the Mobile App Studio for the iOS Default URL.
On the web - Open the iTunes Preview page for the app (this can be found by Googling the app) and copy the link in the web browser. Paste this link into the Mobile App studio for the iOS Default URL.
4. Add the Android Default URL:
This is the link that will open if Android users don't have the app installed. The Android Default URL can link to a website if the content is also available online.
This can also be a link to the Google Play store page for the third-party app. This will make it easy for users to download the app. This link can be found by navigating to the store page for the app on Google Play or on the web.
5. Rename the header label and change the icon:
If you want to rename the header label and change the action icon for the App Link property, you can adjust both by double clicking on the orange icon to the left of the App Link property. This will allow you to change the Icon Value and Label.
Linking to Facebook:
App Scheme URL to Open a Facebook Page
To open a Facebook page, follow these steps. We will use the Bluebridge Facebook page as an example:
- Start with this iOS App Scheme URL: fb://page?id=
- And this Android App Scheme URL: fb://page/
- Add the page id. To find the id, go to your page (you will need to be an administrator for the page). Click "Settings" and then select "Page Info." You will then see "Facebook Page ID." Copy and paste this after the equal sign.
- The link will look like this for iOS: fb://page?id=134543926620204
- And this for Android: fb://page/134543926620204
Linking to Twitter:
App Scheme URL to Open a Twitter User Profile
To open to a Twitter user, follow these steps. We will use Bluebridge as an example:
- Start with this App Scheme URL for iOS and Android: twitter://user?screen_name=
- Add the user name. The link will look like this: twitter://user?screen_name=GoBluebridge
Linking to Instagram:
App Scheme URL to Open an Instagram User Profile
To open an Instagram profile, follow these steps. We will use Google as an example:
- Start with this App Scheme URL for iOS and Android: instagram://user?username=
- Add the user name. The link will look like this: instagram://user?username=GOOGLE
Linking to LinkedIn:
App Scheme URL to Open a LinkedIn User Profile
To open a LinkedIn profile, follow these steps.
1. Start by finding the member id of the account you would like to link to. This can be done by right clicking on the page and selecting "View Page Source." This will open a new tab.
2. In the new tab, use Command or Control + F and search "memberid". Then copy the corresponding number. In this case it is 403694841
3. Start with this App Scheme URL for iOS and Android: linkedin://#profile/
4. Add the user name. The completed link will look like this: linkedin://#profile/403694814
Linking to YouTube:
App Scheme URL to Open a YouTube Channel
To open a YouTube channel, follow these steps. We will use Apple as an example:
- Start with this iOS App Scheme URL: youtube://www.youtube.com/user/
- And this Android App Scheme URL: vnd.youtube://www.youtube.com/user/
- Add the channel name. This is found in the YouTube url after https://www.youtube.com/user
- The link will look like this for iOS: youtube://www.youtube.com/user/Apple
- And this for Android: vnd.youtube://www.youtube.com/user/Apple
App Scheme URL to Play a YouTube Video:
To play a video in the YouTube app, follow these steps. We will use The Bluebridge Mobile App Studio video as an example:
- Start with this iOS App Scheme URL: youtube://watch?v=
- And this Android App Scheme URL: vnd.youtube://watch?v=
- Add the video id. This is found in the YouTube url after https://www.youtube.com/watch?v=
- The link will look like this for iOS: youtube://watch?v=GbL39Vald9E
- And this for Android: vnd.youtube://watch?v=GbL39Vald9E
Things to remember:
- The App Link property is a very versatile tool that can help you link to apps such as Facebook, Twitter, Instagram, and more from your app.
- Be sure to follow the correct app scheme urls to ensure that this function works properly.
- If you would like to set up App to App linking for a different app, you can ask the developer of the app or search online to see if that app supports this functionality. The best way to search for this information is to use the app name + "app scheme url." If you have questions or need assistance, please contact firstname.lastname@example.org