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>