Tag à intégrer dans l'entête des pages
Ce tag doit être intégrer dans l'élément <head>
des pages HTML (entre les balises <head>
et </head>
)
Scripts et Styles
Ces éléments sont requis pour le fonctionnement des tags
<script async src="https://ads.sportslocalmedia.com/slm.prebid.cyclismedopage.js"></script> <style> .akcelo-wrapper { display: grid; place-items: center; grid-template-columns: 1fr; text-align: center; position: relative; overflow: hidden; } .akcelo-wrapper.akcelo-wrapper-label:before { content: attr(data-ad-text); color: #777777; font-size: 11px; text-align: center; position: absolute; width: 100%; top: 2px; } .akcelo-wrapper.akcelo-wrapper-label { box-sizing: content-box; padding: 20px 0 0; } .akcelo-placeholder:not(.akcelo-loaded) { background-color: #f9f9f9; background-clip: content-box; } .akcelo-placeholder:not(.akcelo-loaded)::after { border: 1px solid #696969; border-radius: 2px; color: #696969; content: attr(data-placeholder-text); font-size: 11px; line-height: 1; padding: 3px 4px 1px; position: absolute; background-color: transparent; font-family: Arial,sans-serif; } .akcelo-video > div:first-child { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .akcelo-video.akcelo-wrapper-label > div:first-child { top: 20px; } @media (pointer:coarse) { .akcelo-wrapper.akcelo-desktop { display: none; } } @media (pointer:fine) { .akcelo-wrapper.akcelo-mobile { display: none; } } </style>
Tags à intégrer dans le contenu des pages
Ces tags doivent être intégrés dans l'élément <body>
des pages HTML (entre les balises <body>
et </body>
)
Tag Cyclismedopage_ATF_728x90 (id: Cyclismedopage_ATF_728x90)
Tag responsive desktop et mobile
Tag avec un emplacement réservé sur la page qui ne dégrade pas la note CLS de votre site
<style> .akcelo-adunit-14324 { width:100%; height:90px; } @media (pointer:coarse) { .akcelo-adunit-14324 { width:100%; height:250px; } } </style> <div class="akcelo-wrapper akcelo-adunit-14324"> <div id="Cyclismedopage_ATF_728x90"></div> </div> <script type="application/javascript"> var slmadshb = slmadshb || {}; slmadshb.que = slmadshb.que || []; slmadshb.que.push(function() { slmadshb.display("Cyclismedopage_ATF_728x90"); }); </script>