Anzeigen-Tags dynamisch einfügen
A. Anzeigen-Tags für mehr Flexibilität dynamisch einfügen
Bei Bedarf können Sie das gesamte Anzeigen-Tag dynamisch in Ihre Website einfügen, indem Sie es in eine JavaScript-Funktion einbetten und von der ursprünglichen Platzierung im Code trennen.
<html> <head></head> <body> <!-- SOLADS-ADVERT --> <div id="SOLADS-ADVERT-CONTAINER"></div> <!-- SOLADS-ADVERT-END--> <!-- SOLADS-SCRIPT --> <script type="text/javascript"> function load_jsads() { var tagElement = document.createElement( 'script' ); tagElement.type = "text/javascript"; tagElement.setAttribute("data-params","jsads"); var varElement = document.createTextNode('m3ads_system = "Solads"; m3ads_partnernumber = 123456; m3ads_sectors = "1234"; m3ads_numberadverts = 1; m3ads_imagewidth = 300; m3ads_imageheight = 250;'); tagElement.appendChild(varElement); var scriptElement = document.createElement( 'script' ); scriptElement.type = "text/javascript"; scriptElement.src = "https://cdn.feed.solads.media/resources/scripts/jsAds-1.4.min.js"; document.getElementById('SOLADS-ADVERT-CONTAINER').appendChild( tagElement ); document.getElementById('SOLADS-ADVERT-CONTAINER').appendChild( scriptElement ); } load_jsads(); </script> <!-- SOLADS-SCRIPT-END --> </body> </html> B. Parameter-Block und Skript-Aufruf trennen
Alternativ können Sie den Skript-Aufruf vom Parameter-Block trennen und diesen erst ausführen, wenn ein bestimmtes Ereignis eingetreten ist. Im folgenden Beispiel ist NUR der Parameter-Block Teil Ihres HTML-Codes. Ein EventListener prüft, ob ein definiertes Element (IHRE_ELEMENT_ID_HIER) vollständig geladen wurde. Erst danach wird der Aufruf für die jsAds-Bibliothek an den Anzeigen-Container (ANZEIGEN_CONTAINER_ID_HIER) angehängt und ausgeführt.
<!-- SOLADS-ADVERT --> <html> <head></head> <body> <div id="SOLADS-ADVERT-CONTAINER"> <script type="text/javascript" data-params="jsads"> m3ads_system = "Solads"; m3ads_partnernumber = 123456; m3ads_sectors = "1234"; m3ads_numberadverts = 1; m3ads_imagewidth = 300; m3ads_imageheight = 250; </script> </div> <!-- SOLADS-ADVERT-END --> <!-- SOLADS-SCRIPT --> <script type="text/javascript"> function load_jsads() { var scriptElement = document.createElement( 'script' ); scriptElement.type = "text/javascript"; scriptElement.src = "//cdn.feed.solads.media/resources/scripts/jsAds-1.4.min.js"; document.getElementById('SOLADS-ADVERT-CONTAINER').appendChild( scriptElement ); } document.getElementById("IHRE_ELEMENT_ID_HIER").addEventListener("load",load_jsads); </script> <!-- SOLADS-SCRIPT-END --> </body> </html>