') } .amp-carousel-button-prev { background-image: url('data:image/svg+xml;charset=utf-8,Previous ') } .ampstart-dropdown { min-width: 200px } .ampstart-dropdown.absolute { z-index: 100 } .ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header { height: 100% } .ampstart-dropdown>section>header { background-color: #000; border: 0; color: #fff } .ampstart-dropdown>section>header:after { display: inline-block; content: "+"; padding: 0 0 0 1.5rem; color: #00A3A3 } .ampstart-dropdown>[expanded]>header:after { content: "–" } .absolute .ampstart-dropdown-items { z-index: 200 } .ampstart-dropdown-item { background-color: #000; color: #00A3A3; opacity: .9 } .ampstart-dropdown-item:active,.ampstart-dropdown-item:hover { opacity: 1 } .ampstart-footer { background-color: #fff; color: #000; padding-top: 5rem; padding-bottom: 5rem } .ampstart-footer .ampstart-icon { fill: #000 } .ampstart-footer .ampstart-social-follow li:last-child { margin-right: 0 } .ampstart-image-fullpage-hero { color: #fff } .ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #000; padding: 0 1rem .2rem } .ampstart-image-fullpage-hero>amp-img { max-height: calc(100vh - 3.5rem) } .ampstart-image-fullpage-hero>amp-img img { -o-object-fit: cover; object-fit: cover } .ampstart-fullpage-hero-heading { line-height: 3.5rem } .ampstart-fullpage-hero-cta { background: transparent } .ampstart-readmore { background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent); color: #fff; margin-top: 5rem; padding-bottom: 3.5rem } .ampstart-readmore:after { display: block; content: "⌄"; font-size: 2rem } .ampstart-readmore-text { background: #000 } @media (min-width:52.06rem) { .ampstart-image-fullpage-hero>amp-img { height: 60vh } } .ampstart-image-heading { color: #fff; background: linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent) } .ampstart-image-heading>* { margin: 0 } amp-carousel .ampstart-image-with-heading { margin-bottom: 0 } .ampstart-image-with-caption figcaption { color: #4f4f4f; line-height: 1.125rem } amp-carousel .ampstart-image-with-caption { margin-bottom: 0 } .ampstart-input { max-width: 100%; width: 300px; min-width: 100px; font-size: 1rem; line-height: 1.5rem } .ampstart-input [disabled],.ampstart-input [disabled]+label { opacity: .5 } .ampstart-input [disabled]:focus { outline: 0 } .ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea { width: 100%; margin-top: 1rem; line-height: 1.5rem; border: 0; border-radius: 0; border-bottom: 1px solid #4a4a4a; background: none; color: #4a4a4a; outline: 0 } .ampstart-input>label { color: #00A3A3; pointer-events: none; text-align: left; font-size: .875rem; line-height: 1rem; opacity: 0; animation: .2s; animation-timing-function: cubic-bezier(.4,0,.2,1); animation-fill-mode: forwards } .ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus { outline: 0 } .ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder { color: transparent } .ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder { color: transparent } .ampstart-input>input:not(:placeholder-shown):not([disabled])+label,.ampstart-input>select:not(:placeholder-shown):not([disabled])+label,.ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label { opacity: 1 } .ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label { animation-name: a } @keyframes a { to { opacity: 1 } } .ampstart-input>label:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 45%; background: #00A3A3; transition: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px } .ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after { left: 0; width: 100%; visibility: visible } .ampstart-input>input[type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>input[type=range] { border-bottom: 0 } .ampstart-input>input[type=range]+label:after { display: none } .ampstart-input>select { -webkit-appearance: none; -moz-appearance: none; appearance: none } .ampstart-input>select+label:before { content: "⌄"; line-height: 1.5rem; position: absolute; right: 5px; zoom: 2; top: 0; bottom: 0; color: #00A3A3 } .ampstart-input-chk,.ampstart-input-radio { width: auto; color: #4a4a4a } .ampstart-input input[type=checkbox],.ampstart-input input[type=radio] { margin-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #00A3A3; vertical-align: middle; margin-right: .5rem; text-align: center } .ampstart-input input[type=radio] { border-radius: 20px } .ampstart-input input[type=checkbox]:not([disabled])+label,.ampstart-input input[type=radio]:not([disabled])+label { pointer-events: auto; animation: none; vertical-align: middle; opacity: 1; cursor: pointer } .ampstart-input input[type=checkbox]+label:after,.ampstart-input input[type=radio]+label:after { display: none } .ampstart-input input[type=checkbox]:after,.ampstart-input input[type=radio]:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: " "; line-height: 1.4rem; vertical-align: middle; text-align: center; background-color: #fff } .ampstart-input input[type=checkbox]:checked:after { background-color: #00A3A3; color: #fff; content: "✓" } .ampstart-input input[type=radio]:checked { background-color: #fff } .ampstart-input input[type=radio]:after { top: 3px; bottom: 3px; left: 3px; right: 3px; border-radius: 12px } .ampstart-input input[type=radio]:checked:after { content: ""; font-size: 3rem; background-color: #00A3A3 } .ampstart-input>label,_:-ms-lang(x) { opacity: 1 } .ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>input::placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x) { color: transparent } .ampstart-input>select::-ms-expand { display: none } .ampstart-headerbar { background-color: #00A3A3; color: #FFFFFF; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1) } .ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+* { margin-top: 4.5rem } .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 } .ampstart-headerbar-nav { line-height: 3.5rem } .ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover { opacity: 1 } .ampstart-navbar-trigger:focus { outline: none } .ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a { cursor: pointer; text-decoration: none } .ampstart-nav .ampstart-label { color: inherit } .ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2rem } .ampstart-headerbar-nav { -ms-flex: 1; flex: 1 } .ampstart-nav-search { -ms-flex-positive: 0.5; flex-grow: 0.5 } .ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none } .ampstart-nav-search>input { border: none; border-radius: 3px; line-height: normal } .ampstart-nav-dropdown { min-width: 200px } .ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: none } .ampstart-nav-dropdown amp-accordion ul { background-color: #fff } .ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 } .ampstart-nav-dropdown .ampstart-dropdown-item { color: #00A3A3 } .ampstart-sidebar { background-color: #fff; color: #000; min-width: 300px; width: 300px } .ampstart-sidebar .ampstart-icon { fill: #00A3A3; } .ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem } .ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow { margin: 0 0 1rem } .ampstart-sidebar .ampstart-nav-dropdown { margin: 0 } .ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit } .ampstart-navbar-trigger svg { pointer-events: none } .ampstart-related-article-section { border-color: #4a4a4a } .ampstart-related-article-section .ampstart-heading { color: #4a4a4a; font-weight: 400 } .ampstart-related-article-readmore { color: #000; letter-spacing: 0 } .ampstart-related-section-items>li { border-bottom: 1px solid #4a4a4a } .ampstart-related-section-items>li:last-child { border: none } .ampstart-related-section-items .ampstart-image-with-caption { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex: 1; flex: 1 } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding-left: 1rem } @media (min-width:40.06rem) { .ampstart-related-section-items>li { border: none } .ampstart-related-section-items .ampstart-image-with-caption>figcaption { padding: 1rem 0 } .ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption { -ms-flex-preferred-size: 100%; flex-basis: 100% } } .ampstart-social-box { display: -ms-flexbox; display: flex } .ampstart-social-box>amp-social-share { background-color: #000 } .ampstart-icon { fill: #00A3A3 } .ampstart-input { width: 100% } main .ampstart-social-follow { margin-left: auto; margin-right: auto; width: 315px } main .ampstart-social-follow li { transform: scale(1.8) } h1+.ampstart-byline time { font-size: 1.5rem; font-weight: 400 } .fixed-height-container { position: relative; width: 100%; height: 300px; } amp-img.contain img { object-fit: contain; } .collapsible-captions { --caption-height: 32px; --image-height: 300px; --caption-padding: 1rem; --button-size: 28px; --caption-color: #f5f5f5; --caption-bg-color: #111; background: var(--caption-bg-color); } .collapsible-captions figcaption:focus { outline: 0; border: none; } .collapsible-captions figcaption { position: absolute; bottom: 0; margin: 0; width: 100%; max-height: var(--caption-height); line-height: var(--caption-height); padding: 0 var(--button-size); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: max-height .2s cubic-bezier(.4,0,.2,1); z-index: 1000; color: var(--caption-color); background: var(--caption-bg-color); } .collapsible-captions * { -webkit-tap-highlight-color: rgba(255,255,255,0); box-sizing: border-box; } .collapsible-captions figcaption.expanded { padding: var(--button-size); line-height: inherit; white-space: normal; text-overflow: auto; max-height: calc(var(--caption-height) + var(--image-height)); overflow: auto; } .collapsible-captions figcaption span { display: block; position: absolute; top: calc((var(--caption-height) - var(--button-size))/ 2); right: 2px; width: var(--button-size); height: var(--button-size); line-height: var(--button-size); text-align: center; font-size: 12px; color: inherit; cursor: pointer; } .vid-zap{ width: 100%; background-color: #e4e1e1; padding: 5px; height:35px; } .vid-zap span{ background-color: #00A3A3; color: #FFFFFF; padding: 2px 5px; }
/*ajout css quantcast */ #postPromptUI button { background: #368bd6; color: white; padding: 5px 15px; border: none; outline: none; display: flex; align-items: center; position: fixed; right: 0; bottom: 0; border-radius: 3px 0 0 3px; max-height: 30px; max-width: 110px; cursor: pointer; } .vid-zap.css-sticky{ position:sticky; top:56px; z-index:10000; position: -webkit-sticky } .viously.css-sticky{ position: sticky;top: 91px;z-index: 10000; position: -webkit-sticky } .vslfix{ display: initial; } section{ display: initial; }
First View First View #6 : “In-game advertising et programmatique : où en est-on ?” Nicolas Jaimes Le sujet : une réflexion sur le développement de la publicité programmatique au sein des jeux vidéo. Le casting : Rémy Puliero (Adcolony), Guillaume Monteux (Gadsme) et Adrien Lepage (Mindshare).
Au programme de cette émission First View, réalisée en partenariat avec l’IAB France : l’in-game advertising. La publicité dans un jeu, ça ne date pas d’hier, me direz-vous. Et vous avez raison. Nous avons tous joué à un moment de notre vie à un jeu, le plus souvent gratuitement sur notre smartphone, qui s’accompagne de bannières display, voire qui nous demande de regarder une vidéo pour poursuivre l’expérience. Le marché est déjà bien mature, plusieurs milliards de dollars chaque année, avec des réseaux publicitaires géants, comme Applovin, Adcolony ou Vungle.
La nouveauté, et c’est ce dont nous allons vous parler, elle est dans une autre typologie de formats. Guillaume Monteux, le fondateur de Gadsme, parle de “blended advertising”. En d’autres termes, des publicités qui font partie intégrantes de l’expérience de jeu (et non plus en surimpression). On pourrait presque parler d’affichage extérieur in-game (les Américains parlent d’OOH pour Out of Home).
Les sujets évoqués : Les enjeux du blended advertising : comment afficher une publicité sans ralentir le jeux, sans refroidir le joueur et comment se connecter à la demande en programmatique
Comment acheter de l’in-game advertising en programmatique, via quels DSP, avec quels types de ciblages et de paramétrages
Entre craintes de brand safety et soucis de mesure, quelles sont les réserves des marques et pourquoi le blended advertising reste encore niche alors que les tuyaux fonctionnent ?
Pourquoi le marché est-il, malgré ces écueils, prometteur ?
Où en est-on de la mesure de la performance et de la visibilité de ces dispositifs ?
La pub cliquable in-game, ça marche vraiment ?
Quels sont les travaux prévus pour le groupe de travail in-game advertising de l’IAB France ?
Les punchlines à retenir : “Techniquement, on peut acheter du blended advertising en programmatique. Est-ce qu’on le fait au quotidien ? Non, les marques ont encore des réserves concernant le sujet de la brand safety et de la mesure”, Adrien Lepage (Mindshare)
“Il faut voir d’où on vient. Il y a deux ans, toutes les marques décochaient systématiquement l’inventaire gaming de leur DSP, pensant toucher juste des jeunes qui jouent la nuit. Les mentalités changent : les marques ont compris que le jeux vidéo était l’affaire de tous et qu’il était possible de faire du non intrusif grâce au blended advertising", Guillaume Monteux (Gadsme)
“AdColony va prochainement déployer un format de publicité rewarded audio”, Rémy Puliero (Adcolony)