Wie binde ich den HTML Block auf meiner Webseite ein?

Mit folgendem Einbindungscode können Sie die Einbindung des HTML Blocks auf Ihrer Webseite testen. Selektioniert werden die nächsten 20 Veranstaltungen und Ausstellungen aus ganz Tschechien.

Einbindungscode Übersichtsseite

Der Inhalt des HTML Blocks wird mit Hilfe des unten stehenden JavaScript-Codes geladen. Sie benötigen einen Container, in dem der geladene Inhalt platziert wird (hier mit der ID "guidleContent").

<div id="guidleContent">
<!-- Guilde content-->
</div>

<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if (xhr.readyState === 4){
        console.log(xhr.responseText);
        document.getElementById('guidleContent').innerHTML = xhr.responseText;
    }
};

xhr.open('GET', 'https://www.guidle.com/m_Cd5pJG/guidle/Akce/');
xhr.send();
</script>

Aufruf der Detailseite

Detailansicht mit Microsite responsive

Binden Sie die von guidle aufgesetzte Microsite responsive auf Ihrer Webseite ein.

Um den Link zur Detailansicht zu generieren, benötigen Sie die ID der Anzeige, diese ist im source code Ihres HTML Blocks zu finden, z.B. data-id="305561939"

Ergänzen Sie die URL, auf der die Microsite eingebunden ist, mit dem Parameter ?eventId=305561939 und es öffnet sich direkt die Detailansicht der entsprechenden Anzeige.

Detailansicht mit HTML-Block

in Entwicklung