Build Interactive Content using Ceros

You can build interactive visual aids (IVAs) using Ceros and publish them in Mobile Locker.

• https://www.ceros.com/
• Watch the Ceros Getting Started Video

Activate Ceros Universal Analytics

Sign in to https://admin.ceros.com/

Go to Settings > Integrations. Turn on Universal Analytics for all experiences.

Click the gear icon.

Paste this HTML comment into the Published Experience Embed Code box, then click Save.

<!-- INSERT MOBILE LOCKER TRACKING CODE HERE -->
<!-- See https://help.mobilelocker.com/article/376-ceros -->

Add the Mobile Locker Tracking Library to the Experience

Next, go to Experiences and find the one you want to use in Mobile Locker.

Click the three dots > Export

Export it as a tar.gz  file and save it to your Downloads folder.

Unzip the file and navigate into the subfolder.

Download the Mobile Locker JavaScript SDK file and save it next to index.html  as mobilelocker-tracking.js  

Next, open index.html  in VS Code or another HTML editor.

Find the closing </body>  tag.

Paste this code immediately above the closing </body>  tag:

<script src="./mobilelocker-tracking.js"></script>
<script>
    try {
        MobileLockerTracking.setDebugMode(false); // You can turn this on for more verbose JS logging
        document.body.addEventListener('ceros-analytics-event', function (event) {
            if (event.detail) {
                const detail = event.detail;
                if (detail.eventType) {
                    if (detail.componentName) {
                        MobileLockerTracking.logEvent('ceros-analytics-event', detail.eventType, detail.componentName, detail);
                    } else if (detail.pageName) {
                        MobileLockerTracking.logEvent('ceros-analytics-event', detail.eventType, detail.pageName, detail);
                    } else {
                        console.warn('Unsupported ceros-analytics-event', detail);
                        MobileLockerTracking.logEvent('ceros-analytics-event', 'unsupported-event', 'unknown', detail);
                    }
                }
            }/* else {
                console.warn('ceros-analytics-event has no detail');
            }*/
        });
    } catch (error) {
        console.error('Error initializing Ceros Analytics', error.message);
    }
</script>

Save the file.

Upload the Ceros Experience to Mobile Locker as a Presentation

Select all files in the folder.

Create a new zip file:

Upload Archive.zip  to Mobile Locker as a new presentation or replace an existing one:

Open the presentation in the Mobile Locker iOS app or in the browser from the content library. That starts a User Session. Navigate through the presentation so events will be logged.

Then, go to the presentations User Sessions screen. You'll see your session and the events.

Click the Session button and you'll see all of the Ceros events logged: