GameDistribution.com Embed Game

This is the documentation of the "GameDistribution.com Embed Game" project.

GameDistribution.com is the biggest broker of high quality, cross-platform games. We connect the best game developers to the biggest publishers.

Implementation within web pages

Copy/ paste the following snippet on the spot where you would like to display a game within your web page. Adjust the GET parameters of the https://embed.gamedistribution.com/ iframe src URL to change the game itself. You can adjust various other parameter values to suit your or your clients' needs. All available parameters are described below.

The CSS snippet will help you set an aspect ratio, which remains responsive. The game will match this ratio, based on the given width and height of the game.

A demo page can be found here: https://embed.gamedistribution.com/demo.html.

<style type="text/css">
    .gd__aspect-ratio-box {
        position: relative;
        overflow: hidden;
        height: 0;
        /*padding-top: 56.25%; !* 16:9 Aspect Ratio *!*/
        padding-top: 75%; /* 4:3 Aspect Ratio */
        /*padding-top: 66.66%; !* 3:2 Aspect Ratio *!*/
        /*padding-top: 62.5%; !* 8:5 Aspect Ratio *!*/
    }
    .gd__aspect-ratio-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 2px;
    }
</style>
<div class="gd__aspect-ratio-box">
    <iframe
        src="https://embed.gamedistribution.com/?url=https://html5.gamedistribution.com/405c00612981466cbc5d9dcef4214811/&width=510&height=900&language=es&gdpr-tracking=1&gdpr-targeting=1"
        width="100%"
        height="100%"
        scrolling="none"
        frameborder="0"
        allowfullscreen>
    </iframe>
</div>

Repository

The SDK is maintained on a public github repository. https://github.com/gamedistribution/gd-embed-game

Deployment

Deployment of the SDK to production environments is done through TeamCity.

Installation for development

Install the following programs:

NodeJS LTS.
Grunt.

Pull in the rest of the requirements using npm:

npm install

Setup a local node server, watch changes and update your browser view automatically:

grunt

Make a production build:

grunt build

GET Parameters

The following GET parameters can be added. The first parameter should be prefixed with a ? character and any additional ones with a & character. As an example; https://html5.gamedistribution.com/?url=https://html5.gamedistribution.com/405c00612981466cbc5d9dcef4214811/&width=510&height=900&language=es&gdpr-tracking=1&gdpr-targeting=1.