API Dokumentace

Existují 2 postupy podle toho, zda se integrace dat řeší na straně serveru, nebo klienta.

Serverové řešení (JSON)

1. Vložte odkaz na náš JS skript

<script src="https://cdn.webout.io/player/webout-player.edb60bf1485886ec7a0f.js"></script>

2. Umístětě přehrávač někam do <body> v kódu

<body>
...
<webout-player
    sessionId="taste_restart_luar12a2"
    scenesSetupJSON="{
        "name": "karel",
        "variant": "potkali",
        "event": "project_restart",
        "count": 3
    }"
    dataJSON="{
        "project": {
        	"TEXT_NAME": "Karel Juřička",
        	"TEXT_COMPANY": "Webout",
            "IMAGE_LOGO": "https://cdn.webout.io/assets/images/taste/loga/data_restart.png",
    "IMAGE_RESTART": "https://cdn.webout.io/assets/images/taste/restart/project_restart.png",
"LINK_REGISTER": "https://www.datarestart.cz/registrace"
}
}">
</webout-player>
...
</body>

3. Výsledek

Klientské řešení (JS)

1. Vložte odkaz na náš JS skript

<script src="https://cdn.webout.io/player/webout-player.js"></script>

2. Umístětě přehrávač někam do <body> v kódu

<body>
...
<webout-player projectSlug="testovaci-kampan"></webout-player>
...
</body>

3. V rámci JS skriptu je možné přehrávač naplnit

<script>
    const weboutPlayer = document.querySelector('webout-player');
    weboutPlayer.args = {
    name: "Karel",
    variant: "potkali"
};
    weboutPlayer.vars = {
    TEXT_NAME: "Karel Juřička",
    TEXT_COMPANY: "Webout",
    IMAGE_LOGO: "https://cdn.webout.io/assets/images/moje_logo.png"
};
    weboutPlayer.init();
</script>

4. Výsledek