The Applixir Anchor looks very simple but it's one of the most important factors for doing Reward Videos so doing it correctly can make the difference between a simple, trouble-free integration or trouble-shooting problems. The Applixir codebase is maintained in a content distribution network at https://cdn.applixir.com but due to the way reward videos and systems such as ads.txt work, the ad servers will only allow you to show ads under your own domain. The Applixir Anchor takes care of this by binding your domain to Applixir's Reward Video SDK in the CDN. In addition, the Anchor determines where the reward videos will appear within your codebase. If you place the Anchor in the wrong location the video ad player may show up behind your app so it can be heard but not seen or possibly could render in a space not connected with your app. For this reason, the safest location for the Anchor is immediately following the opening <body> tag for your app.
Add the following code snippet to the HTML file right after the opening body tag. This is very important because if there are any other divs before the anchor, the video might not be visible.
<div id="applixir_vanishing_div" hidden>
<iframe id="applixir_parent" ></iframe>
</div>
Next, include the following script in your Game's HTML body to load the Applixir library:
<script type="text/javascript" src="https://cdn.applixir.com/applixir.sdk3.0m.js" ></script>
The library contains all required resources you need to run Video Ads inside your game.
If you need more details on the video frame customization refer to Appendix C .