Social media platforms are where product discovery happens. Users see a product in a post, story, or video, and they want to buy it immediately. Deep links bridge the gap between social discovery and your app's purchase flow. But each social platform handles links differently, creating unique challenges.
For the broader e-commerce strategy, see Deep Linking for E-Commerce Apps. For link wrapping challenges, see Link Wrapping and Redirects.
Photo by MART PRODUCTION on Pexels
The In-App Browser Problem
The biggest challenge with social commerce deep links: most social media apps open links in their own in-app browser instead of the system browser. When a user taps a link in Instagram, it opens in Instagram's WebView, not Safari or Chrome. This breaks Universal Links and App Links because the in-app browser doesn't trigger the OS's link handling.
Platform-by-Platform Behavior
| Platform | Link Behavior | Universal Links Work? |
|---|---|---|
| Instagram (bio) | Opens in-app browser | No |
| Instagram (stories) | Opens in-app browser | No |
| Instagram (ads) | Opens in-app browser or app (configurable) | Partial |
| TikTok (bio) | Opens in-app browser | No |
| TikTok (ads) | Opens in-app browser or app | Partial |
| Twitter/X | Opens in-app browser | Yes (iOS), Partial (Android) |
| Opens in-app browser | No | |
| Facebook (ads) | Opens in-app browser or app (configurable) | Partial |
| Opens in-app browser | No | |
| Opens in-app browser | No |
Solutions
1. Landing page with smart banner: Accept that the link opens in the in-app browser. Display a landing page with a prominent "Open in App" button that uses a Universal Link/App Link.
2. Deep linking platform redirect: Your deep linking platform detects the in-app browser and uses JavaScript-based redirect techniques to attempt opening the app.
3. Custom URL scheme fallback: Use a custom URL scheme (yourapp://product/123) as a fallback. Custom schemes sometimes work from in-app browsers when Universal Links don't.
4. Clipboard-based workaround: Copy the deep link to the clipboard and prompt the user to open the app. When the app opens, it checks the clipboard for a link. (This is a last resort; it's a poor user experience.)
Bio Links
Instagram allows one link in your bio (or multiple via Linktree-style tools). This is the primary organic link placement.
Strategy: Use a deep link as your bio link, or use a link-in-bio tool that deep links to your app:
https://go.yourapp.com/shop?utm_source=instagram&utm_medium=bio
Since this opens in Instagram's in-app browser, your web page should display a smart banner:
<meta name="apple-itunes-app" content="app-id=YOUR_APP_ID, app-argument=https://go.yourapp.com/shop">
This shows a "View in App" banner in Safari. For Instagram's in-app browser, use a custom "Open in App" button.
Stories
Instagram Stories support "Link" stickers. The link opens in Instagram's in-app browser.
Strategy:
- Use a deep link URL on the sticker
- The landing page shows the product with a prominent "Open in App" button
- The "Open in App" button uses your deep link
Instagram Ads
Instagram Ads support deep link destinations. When creating an ad:
- Set the "Website URL" to your web product page
- Set the "Deep Link" to your app's deep link (
https://go.yourapp.com/product/SKU-123) - Set the "App Link" (deferred deep link) for users who don't have the app
Facebook's ad system (which powers Instagram ads) supports deferred deep linking natively.
Shopping Tags
If you use Instagram Shopping, product tags link to Instagram's checkout or your website. To send users to your app instead:
- Set your product URL in the Instagram catalog to your deep link domain
- Ensure the landing page has a smart banner for app redirect
TikTok
Bio Links
TikTok allows a link in your bio (for eligible accounts). Same in-app browser challenge as Instagram.
https://go.yourapp.com/shop?utm_source=tiktok&utm_medium=bio
TikTok Ads
TikTok Ads support deep link destinations:
- App Install Campaigns: Deep link for users who install the app from the ad
- App Engagement Campaigns: Deep link for users who already have the app
Configure:
- Standard destination URL (web fallback)
- Deep link URL (for app-installed users)
- Deferred deep link (for new installs from the ad)
TikTok Shop
If you're using TikTok Shop, product links direct to TikTok's native checkout. For driving traffic to your own app:
- Include your app deep link in video descriptions
- Use comment pinning with your deep link
- Direct users from TikTok to your app for exclusive deals
Product Pins
Pinterest Rich Pins show product information directly on the pin. The "Visit" button links to the product URL.
Strategy: Set the product URL in your Pinterest catalog to your deep link:
https://go.yourapp.com/product/SKU-12345?utm_source=pinterest
The landing page (in Pinterest's in-app browser) shows the product with an "Open in App" button.
Pinterest Ads
Pinterest Shopping Ads support custom destination URLs. Use your deep link as the destination, with the web product page as the fallback.
Link Posts
Facebook link posts show a preview card. Tapping opens in Facebook's in-app browser.
Strategy: Same as Instagram. The landing page needs a smart banner or "Open in App" button.
Facebook Ads
Facebook Ads have the most mature deep linking support:
- Standard deep linking: Opens the app if installed
- Deferred deep linking: Routes new installs to the right screen after download
- App Links: Facebook's own deep linking protocol (but Universal Links/App Links work too)
When creating a Facebook ad:
- Set "Deep Link" under the ad's destination settings
- The format should be your Universal Link:
https://go.yourapp.com/product/SKU-123 - Set the web fallback URL for users without the app
Building the Landing Page
Since most social platforms open links in an in-app browser, your landing page is critical. It's the bridge between social and your app.
Essential Elements
- Product hero image: Show the product prominently
- Price and key details: Reinforce what the user clicked on
- "Open in App" button: Large, prominent CTA that deep links to the app
- "Continue Shopping" fallback: For users who don't have the app, let them browse the web version
- App install prompt: For users without the app, show an install CTA
Example Landing Page Flow
User taps link in Instagram
↓
Landing page loads in Instagram's in-app browser
↓
Page shows product + "Open in App" button
↓
User taps "Open in App"
↓
App opens to product page (via Universal Link)
↓
User purchases
Smart Banner Implementation
For iOS Safari (and sometimes in-app browsers), the Smart App Banner provides native-looking app promotion:
<meta name="apple-itunes-app" content="app-id=YOUR_APP_ID, app-argument=https://go.yourapp.com/product/SKU-123">
For a custom smart banner that works in all browsers, see the Tolinku smart banner documentation.
Attribution and Tracking
UTM Parameter Strategy
Every social commerce link should include UTM parameters:
https://go.yourapp.com/product/SKU-123
?utm_source=instagram
&utm_medium=story
&utm_campaign=summer-collection
&utm_content=swipe-up
Platform-Specific Attribution
Some platforms provide their own attribution parameters:
- Facebook/Instagram:
fbclidparameter - TikTok:
ttclidparameter - Pinterest:
pin_idparameter
Capture these alongside UTM parameters for cross-channel attribution.
Measuring Social Commerce ROI
| Metric | What to Track |
|---|---|
| Social click volume | How many clicks from each platform |
| App open rate | Percentage of clicks that reached the app |
| Conversion rate | Purchases per app open (from social) |
| Revenue per platform | Total revenue attributed to each social source |
| Content performance | Which posts/stories/videos drive the most revenue |
For influencer-specific deep linking, see Influencer Commerce: Deep Links for Creator Partnerships. For deep linking features, see Tolinku deep linking.
Get deep linking tips in your inbox
One email per week. No spam.
