App Clip Card on Safari

Hi!

I have recently published an App Clip and I would like my App Clip Card to show up on my website, just like in this example : https://firigames.com/phoenix2

However, for now, I only managed to get a banner redirecting to the AppStore to obtain the full app : https://wilkinsavenueappclip.com/

Although, it is worth noting that the App Clip card shows up correctly when scanning an App Clip Code (associated with my website url).

Here are the steps I have done for now :

  • Completing the apple-app-site-association file with my team Id and the bundle Id of my App Clip
  • Adding the meta tag to my index.html file on my website :
<meta name="apple-itunes-app" content="app-clip-bundle-id=myAppBundleId, app-id=myAppId, app-clip-display=card">
  • Adding the associated domains entitlement to my App Clip (the domain is approved in App Store Connect)

What am I missing?

Thanks a lot for your help!

Hi PatrickJacquemont,

The first thing to check is that the bundle ID of your app clip in App Store matches the bundle ID in your meta tag. These need to be an exact match for this feature to work.

See also Build light and fast App Clips (at 17:44) for other debugging tips.

—jasonag.

App Clip Card on Safari
 
 
Q