Trouble getting Smart App Banner to appear

We are attempting to add the Smart App Banner to our website: https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners

However we are not seeing the Smart Banner. We can't figure out why.

We'd like the banner to display for every page of our site with or without the app installed.

We don't require passing an app-argument at this time, it would be sufficient to only launch the app & open the app store. We will explore the app-argument feature later.

Is there any reason for the banner to not work in our test environments which are under different web domains from production?

This is our app: https://tools.applemediaservices.com/app/1564944610?country=us https://apps.apple.com/ca/app/techinsights/id1564944610

We are testing with Safari on iPhone(various)

Our site domain is https://library.techinsights.com

We have attempted a few iterations of the metatag.

<meta name="apple-itunes-app" content="app-id=techinsights, app-argument=/blog-viewer" />
<meta name="apple-itunes-app" content="app-id=1564944610, app-argument=/blog-viewer" />
<meta name="apple-itunes-app" content="app-id=1564944610" />
<meta name="apple-itunes-app" content="app-id=com.techinsights.app, app-argument=/blog-viewer" />
<meta name="apple-itunes-app" content="app-id=3ZQDXT3ZGB.com.techinsights.app" />

In case it is relevant our site has an apple-app-site-association file

{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "3ZQDXT3ZGB.com.techinsights.app",
        "paths": [
      "/reverse-engineering/blog-viewer/*",
      "/strategy-analytics/blog-viewer/*",
      "/manufacturing/blog-viewer/*",
      "/processor/blog-viewer/*",
      "/market-segments/blog-viewer/*"
    ]
      }
    ]
  }
}