Technical Integration Guide
This guide outlines the steps for integrating the Arcade Games onto your website using the LiveLike Web SDK and Arcade Javascript SDK.
Prerequisites:
- LiveLike Web SDK: LiveLike Web SDK Documentation
- Arcade Game JavaScript SDK
- Game ID and Instance ID: Obtain these from the Arcade CMS for the specific game you want to integrate.
Step 1: Integrate LiveLike Web SDK
- Follow the instructions provided in the LiveLike Web SDK documentation (Web SDK) to integrate the LiveLike Web SDK into your website.
- This involves adding the LiveLike SDK script and initializing the SDK with your project credentials.
Step 2: Add the Arcade Game JavaScript SDKs
- Guess The Word: Add the following script tag to your HTML page:
<script type="module" src="https://arcade-web.livelikecdn.com/guess-the-word-2.0.0.js"></script>
- Trivia: Add the following script tag to your HTML page:
<script type="module" src="https://arcade-web.livelikecdn.com/trivia-1.0.0.js"></script>
Step 3: Embed Game Component
- In the body section of your HTML page, add the appropriate game component tag and replace the placeholders with your actual values:
-
Guess The Word (Demo)
<ll-guess-the-word accessToken=${accessToken} gameId=${gameId} instanceId=${instanceId}></ll-guess-the-word>
-
Trivia: (Demo)
<ll-trivia profileId=${profileId} accessToken=${accessToken} gameId=${gameId} instanceId=${instanceId}></ll-trivia>
Required Parameters:
- profileId and authToken: These values are obtained through the LiveLike platform for user authentication.
- gameId and instanceId: These are unique identifiers for the specific game instance and can be retrieved from Arcade CMS.
Updated 4 days ago