Social Commerce Deep Links: Instagram, TikTok, and More

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)
Facebook	Opens in-app browser	No
Facebook (ads)	Opens in-app browser or app (configurable)	Partial
Pinterest	Opens in-app browser	No
LinkedIn	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.)

Instagram

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:

1. Use a deep link URL on the sticker
2. The landing page shows the product with a prominent "Open in App" button
3. The "Open in App" button uses your deep link

Instagram Ads

Instagram Ads support deep link destinations. When creating an ad:

1. Set the "Website URL" to your web product page
2. Set the "Deep Link" to your app's deep link (https://go.yourapp.com/product/SKU-123)
3. 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:

1. Set your product URL in the Instagram catalog to your deep link domain
2. 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:

1. Standard destination URL (web fallback)
2. Deep link URL (for app-installed users)
3. 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

Pinterest

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.

Facebook

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:

1. Standard deep linking: Opens the app if installed
2. Deferred deep linking: Routes new installs to the right screen after download
3. 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

1. Product hero image: Show the product prominently
2. Price and key details: Reinforce what the user clicked on
3. "Open in App" button: Large, prominent CTA that deep links to the app
4. "Continue Shopping" fallback: For users who don't have the app, let them browse the web version
5. 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: fbclid parameter
• TikTok: ttclid parameter
• Pinterest: pin_id parameter

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.