Integration

Integrating the Socios.com Partner Web App

You can seamlessly incorporate our Partner Web App into your website.

To achieve this, you must use this Partner URL:

https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]

An example URL would be the one from the Bern football club BSC Young Boys:

https://app.socios.com/partner/5796d2d6-da2a-4914-82fe-3eeaba3c1bca?partnerWebAppId=5796d2d6-da2a-4914-82fe-3eeaba3c1bca

You can retrieve the Partner ID you want by browsing on app.socios.com and looking for the specific partner detailed page. The id will be located after /partner/ in the URL.

They designed the integration to look like this:

Try it for yourself: https://ybo.bscyb.ch/

Web integration

You can insert the Partner Web App into an iframe for a responsive website.

The necessary HTML code is:

<iframe src="https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]" width="100%" height="800px" allow="camera 'src'; publickey-credentials-get 'src'"></iframe>

SEO Optimisations

Here are two ways to improve the findability of your Fan Token page from search engines:

• Fill the <title> HTML tag with "[Partner shortname] Fan Token", so that it appears clearly in the browser tab. For instance, for Apollon Limassol fan token: <title>APL Fan Token</title>

• Make sure to mention this string in the URL of the page. For instance: https://www.apollon.com.cy/en/apl-fan-token/

Mobile integration

For mobile apps, you can create a native WebView using the following URL:

https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]

This way the web app will be seamlessly implemented within your mobile app. It can work on both native or hybrid mobile app.

Of course, building a native WebView requires much more work than just using this URL -- starting with the fact that a native implementation will require you to develop it twice (iOS + Android).

See for instance how French rugby club Stade Français did it: