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:

  1. LiveLike Web SDK: LiveLike Web SDK Documentation
  2. Arcade Game JavaScript SDK
  3. 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

  1. Follow the instructions provided in the LiveLike Web SDK documentation (Web SDK) to integrate the LiveLike Web SDK into your website.
  2. 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>

<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.