Edit in JSFiddle

<html>
<head>
    <!-- Include the HTML5 API files -->
    <script type="text/javascript" src="//cdn.gameplayer.io/api/js/game.js"></script>
    <script type="text/javascript" src="//cdn.gameplayer.io/api/js/developer.js"></script>
<head>
<body>
    
    <!-- your game code -->
    
    <!-- declare the 'SpilData' object and the app ID property -->
    <script type="text/javascript">
    var SpilData = {
        id: '576742227280291016' // Replace with the APP ID value you receive from Spil Games
    };
     
    <!-- Initialise the Spil HTML5 API -->
    GameAPI.loadAPI(function (apiInstance) {

        // Other functions you can use of the Spil Game API have been removed in this code example
    
        // Retrieves the logo from Spil
        var logoData = apiInstance.Branding.getLogo();
    
        // Shows the logo only when it is configured; otherwise, ignore it.
        if (logoData.image) {
    
            // Creates an element and shows the image
            var logo = document.createElement('img');
            logo.src = logoData.image;
            if (logo.addEventListener) {
                logo.addEventListener('click', logoData.action);
                logo.addEventListener('touchend', logoData.action);
            } else if (logo.attachEvent) {
                logo.attachEvent('click', logoData.action);
                logo.attachEvent('touchend', logoData.action);
            }
            logo.className += " spilgames-branding-image";   
            document.body.appendChild(logo);
        }
    }, SpilData);
    </script>
    
    <!-- Add some CSS to style the positioning of the logo -->
    <style>
    .spilgames-branding-image{
        display: block;
        left: 50px;
        top: 100px;
        position: absolute;
    }
    </style>
</body>
</html>