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>
