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("YOUR_ELEMENT_ID_HERE").addEventListener("load",load_jsads);
</script>
<!-- SOLADS-SCRIPT-END -->
</body>
</html>

(#175)

KontaktLoginAnmeldenAGB