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.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>

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 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>

J33 : Reims le dimanche !

Pros | Publié le par Faustine | 15 commentaires
Pour le compte de la trente-troisième journée de Ligue 1, les Verts se déplaceront à Reims le dimanche 21 avril. Le coup d'envoi de cette rencontre diffusée sur BeIn sera donné à 17:00.

La programmation complète : 

Vendredi 19 avril :
20:45 : Olympique Lyonnais - Angers SCO
Samedi 20 avril :
17:00 : EA Guingamp - Olympique de Marseille
20:00 : OGC Nice - SM Caen 
            RC Strasbourg Alsace - Montpellier HSC
            Nantes FC  - Amiens SC  
            Nîmes Olympique - Girondins de Bordeaux   
            Dijon FCO - Stade Rennais      
Dimanche 21 avril :
15:00 : Toulouse FC - LOSC
17:00 : Stade de Reims - AS Saint-Etienne
21:00 : Paris Saint-Germain - AS Monaco
keyboard_arrow_down Commentaires (15) keyboard_arrow_down