Wie binde ich den HTML-Block auf meiner Webseite ein?

Ein Ansatz zur Einbettung eines HTML-Blocks in Ihre Website ist die Verwendung von JavaScript-Code.

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

<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_n2BD28/guidle/Veranstaltungskalender/');
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 von Ihrem HTML-Block zu finden, z.B. data-id="305561939"

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

Detailansicht mit HTML-Block

in Entwicklung