Profil de bergessio

Scripts et Styles

Ces éléments sont requis pour le fonctionnement des tags


<script async src="https://ads.sportslocalmedia.com/slm.prebid.envertetcontretous.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>

Tag Envertetcontretous_PlayRVideo (id: Envertetcontretous_PlayRVideo)

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-15921 {
        width:100%;
        height:360px;
    }
    @media (pointer:coarse) {
        .akcelo-adunit-15921 {
            width:100%;
            height:180px;
        }
    }
</style>
<div class="akcelo-wrapper akcelo-video akcelo-adunit-15921">
    <div id="Envertetcontretous_PlayRVideo"></div>
</div>
<script type="application/javascript">
    window.slmadshb = window.slmadshb || {};
    window.slmadshb.que = window.slmadshb.que || [];
    window.slmadshb.que.push(function() {
        window.slmadshb.display("Envertetcontretous_PlayRVideo");
    });
</script>