Skip to main content

Mobile apps

It is possible to show a Smartzer player in side a mobile app using a WebView.

Smartzer do not provide an SDK to handle this for you, but you can use the below docs to get you started

You can also combine this with the info in the API section to get a deeper integration

Common Integration methods​

Analytics​

Handle UTM codes with Smartzer Player Events​

When a user lands on your app page with a UTM parameter, and you want to link these parameters to events within the Smartzer Player, eg. an addToCart or goTo event, the following steps should be implemented:

  • App opens with a UTM code and stores the code and value in a local variable, eg: utm_source=facebook

  • Render the Smartzer player in the webview. See Common Integration Methods above

  • After a player begins playing and a user clicks, for example on a Product CTA Button, then:

    • A CTA Event is sent from the webview to parent page

      {
        event_type: 'smrtzr_cta',
        cta: 1234                 // product id
        videoCurrentTime: 60      // current time position in player
        videoId: 1234567890       // project id
        sessionId: 'aaaaaaaa'     // unique session id
      }

  • Parent app receives CTA event data from webview and adds the UTM code and value to the data. See guides for each integration method about receiving event data from the webview component

  • App uses the data object with additional utm data as required