The AppLixir Anchor is essential for integrating Reward Videos correctly in your game. Place the Anchor immediately after the opening <body> tag of your app. This ensures the video ad player displays correctly within your game and doesn’t interfere with your UI. The Anchor will seamlessly connect your game to the AppLixir codebase hosted on our CDN, without affecting your app’s design or layout.
Add the following code snippet to your HTML file immediately after the opening <body> tag. This is crucial because if any other divs are placed before the Anchor, the video might not display correctly.
<div id="applixir_vanishing_div" hidden>
<iframe id="applixir_parent" ></iframe>
</div>
Next, include the following script in your Sites's HTML body to load the Applixir library:
<script type="text/javascript" src="https://cdn.applixir.com/applixir.sdk4.0m.js" ></script>
In Step 3, you'll initialize and trigger the video player within your HTML5 site. This step connects the video functionality to your game, ensuring that ads play seamlessly when invoked.