1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="utf-8" /> 6<title>The Scribr | Allo-Media</title> 7<meta name="description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." /> 8<meta content="IE=edge" http-equiv="X-UA-Compatible" /> 9<meta content="width=device-width, initial-scale=1" name="viewport" /> 10<meta name="robots" content="index, follow" /> 11<link rel="canonical" href="https://www.allo-media.net/fr/the-scribr/" /> 12<!-- Twitter card --> 13<meta name="twitter:card" content="summary_large_image" /> 14<meta name="twitter:site" content="allomedia" /> 15<meta name="twitter:creator" content="allomedia" /> 16<meta name="twitter:title" content="The Scribr | Allo-Media" /> 17<meta name="twitter:description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." /> 18 19<meta name="twitter:image" content="https://www.allo-media.net/assets/img/allo-media-og.png" /> 20<meta property="og:image" content="https://www.allo-media.net/assets/img/allo-media-og.png" /> 21 22<meta name="twitter:card" content="summary_large_image" /> 23<!-- Open graph --> 24<meta property="og:type" content="website" /> 25<meta property="og:title" content="The Scribr | Allo-Media" /> 26<meta property="og:description" content="TheScribr est la plateforme SaaS de Speech Analytics qui analyse vos appels." /> 27<meta property="og:locale" content="fr" /> 28<meta property="og:url" content="https://www.allo-media.net/fr/the-scribr/" /> 29<meta property="og:site_name" content="Allo-Media" /> 30<meta property="og:author" content="Allo-Media" /> 31 32<!-- <link rel="stylesheet" href="/assets/css/font/stylesheet.css" /> --> 33<link rel="stylesheet" href="/assets/css/font/css/satoshi.css" /> 34<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" /> 35<link rel="stylesheet" href="/assets/css/style.css" /> 36<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/styles/atom-one-light.min.css" /> 37<link rel="icon" type="image/png" href="/assets/img/favicon.png" /> 38 39<!-- Start of HubSpot Embed Code -->
40<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/19954126.js"></script>
40 41<!-- End of HubSpot Embed Code --> 42
43<script type="text/javascript"> 44 var _paq = (window._paq = window._paq || []); 45 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 46 _paq.push(["trackPageView"]); 47 _paq.push(["enableLinkTracking"]); 48 (function () { 49 var u = "//matomo.allo-media.net/"; 50 _paq.push(["setTrackerUrl", u + "matomo.php"]); 51 _paq.push(["setSiteId", "13"]); 52 var d = document, 53 g = d.createElement("script"), 54 s = d.getElementsByTagName("script")[0]; 55 g.type = "text/javascript"; 56 g.async = true; 57 g.src = u + "matomo.js"; 58 s.parentNode.insertBefore(g, s); 59 })(); 60</script>
60 61 62</head> 63 64<body><div class="Annoucement"> 65 <div class="Helper centered spaceBetween"> 66 <div class="content"> 67 Notre site web a évolué et est désormais disponible sur <a href="https://uh.live/?ref=allo-media.net">https://uh.live/</a> Venez nous rendre visite ! 68 </div> 69 </div> 70</div> 71<header class="Header"> 72 <div class="Helper centered spaceBetween"> 73 <a href="/" title="Allo-Media"> 74 <img loading="lazy" class="Logo" src="/assets/img/logo-allo-media-inline.svg" alt="Logo Allomedia" /> 75 </a> 76 77 <nav class="Nav"> 78 <button class="Nav__btn"> 79 <svg height="100%" viewBox="0 0 32 32" width="100%" xmlns="http://www.w3.org/2000/svg"> 80 <path fill="#fff" d="M4 10h24a2 2 0 000-4H4a2 2 0 000 4zm24 4H4a2 2 0 000 4h24a2 2 0 000-4zm0 8H4a2 2 0 000 4h24a2 2 0 000-4z" /> 81 </svg> 82 </button> 83 <ul class="Nav__body"> 84 85 <li class="Nav__item"> 86 <a class="Nav__link active" href="/fr/the-scribr/">The Scribr</a> 87 </li> 88 89 <li class="Nav__item"> 90 <a class="Nav__link " href="/fr/callbot/">Callbot</a> 91 </li> 92 93 <li class="Nav__item"> 94 <a class="Nav__link " href="/fr/expertise/">Expertise</a> 95 </li> 96 97 <li class="Nav__item"> 98 <a class="Nav__link " href="/fr/contact/">Contact</a> 99 </li> 100 101 <li class="Nav__item"> 102 <a href="https://blog.uh.live/fr/" class="Nav__link" title="Blog">Blog</a> 103 </li> 104 <li class="Nav__item"> 105 <a href="https://docs.allo-media.net/" class="Nav__link" title="Docs">Docs</a> 106 </li> 107 108 <div class="NavLang"> 109 <a class="NavLang__item " href="/en/" title="English">En</a> 110 <a class="NavLang__item active" href="/" title="Français">Fr</a> 111 </div> 112 <!-- 113 <li class="Nav__item"> 114 <a class="Nav__link" href="/en/" title="English">En</a> 115 </li> 116 --> 117 </ul> 118 </nav> 119 </div> 120</header> 121<main><div class="Scribr__hero Hero"> 122 <div class="Helper centered"> 123 <div class="Hero__content"> 124 <div class="Hero__txt"> 125 <h1 class="Hero__title">The Scribr</h1> 126 <p class="Hero__paragraph">The Scribr est la plateforme SaaS de Speech Analytics qui analyse vos appels. Grâce à la retranscription en temps réel, lâanalyse des verbatims offre des données vocales actionnables destinées à lâamélioration continue de la relation client.</p> 127 <a class="Button primary" href="/fr/contact/"> 128 Demandez une démo 129 </a> 130 </div> 131 <img alt="The Scribr" class="Scribr__illus Hero__illus" src="/assets/img/scribr/scribr-hero.png" /> 132 </div> 133 </div> 134 <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> 135 <defs> 136 <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/> 137 </defs> 138 <g> 139 <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="0"/> 140 <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="3"/> 141 <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="5"/> 142 <use class="Scribr__wave Waves__item" x="48" xlink:href="#Waves__ref" y="7"/> 143 </g> 144</svg> 145 146</div> 147 148<div class="Section Sales"> 149 <div class="Helper centered"> 150 <div class="SalesHead"> 151 <button class="SalesHead__item active" type="button"> 152 Avant-vente 153 </button> 154 <button class="SalesHead__item" type="button"> 155 Après-vente 156 </button> 157 </div> 158 <div class="SalesBody"> 159 <ul class="SalesBodyList active"> 160 161 <li class="SalesBodyList__item"> 162 <button data-source="in" data-step="all" class="SalesBodyList__btn customer active" type="button">Détecter les opportunités commerciales (vente croisée, vente additionelle â¦) </button> 163 </li> 164 165 <li class="SalesBodyList__item"> 166 <button data-source="out" data-step="all" class="SalesBodyList__btn operator " type="button">Détection des freins à la vente</button> 167 </li> 168 169 <li class="SalesBodyList__item"> 170 <button data-source="in" data-step="end" class="SalesBodyList__btn customer " type="button">Détecter le niveau dâengagement dâun prospect/client, jusquâà la conversion</button> 171 </li> 172 173 </ul> 174 <ul class="SalesBodyList"> 175 176 <li class="SalesBodyList__item"> 177 <button data-source="in" data-step="all" class="SalesBodyList__btn customer active" type="button">
177Anticiper les risques et menaces de churn</button> 178 </li> 179 180 <li class="SalesBodyList__item"> 181 <button data-source="out" data-step="all" class="SalesBodyList__btn operator " type="button">Quality monitoring / Contrôle qualité automatisé</button> 182 </li> 183 184 <li class="SalesBodyList__item"> 185 <button data-source="in" data-step="start" class="SalesBodyList__btn customer " type="button">Mesurer lâeffort client</button> 186 </li> 187 188 <li class="SalesBodyList__item"> 189 <button data-source="out" data-step="end" class="SalesBodyList__btn operator " type="button">Mesurer la conformité dâune vente</button> 190 </li> 191 192 <li class="SalesBodyList__item"> 193 <button data-source="in" data-step="end" class="SalesBodyList__btn customer " type="button">Mesurer la satisfaction client</button> 194 </li> 195 196 <li class="SalesBodyList__item"> 197 <button data-source="in" data-step="all" class="SalesBodyList__btn customer " type="button">Repérer la fraude</button> 198 </li> 199 200 </ul> 201 <div class="SalesBodyTrancript"> 202 <div class="SalesBodyTrancript__item right"> 203 <img loading="lazy" alt="" class="SalesBodyTrancript__icon active" src="/assets/img/scribr/scribr-customer-icon.svg" /> 204 <div class="Trancript active"> 205 <div class="Trancript__item customer right" style="width: 0;"></div> 206 <div class="Trancript__item customer right" style="width: 10px;"></div> 207 <div class="Trancript__item customer right" style="width: 30px;"></div> 208 <div class="Trancript__item customer right" style="width: 40px;"></div> 209 <div class="Trancript__item customer right" style="width: 0;"></div> 210 <div class="Trancript__item customer right" style="width: 0;"></div> 211 <div class="Trancript__item customer right" style="width: 0;"></div> 212 <div class="Trancript__item customer right" style="width: 40px;"></div> 213 <div class="Trancript__item customer right" style="width: 30px;"></div> 214 <div class="Trancript__item customer right" style="width: 25px;"></div> 215 <div class="Trancript__item customer right" style="width: 0;"></div> 216 </div> 217 <div class="Trancript active"> 218 <div class="Trancript__item customer right" style="width: 0;"></div> 219 <div class="Trancript__item customer right" style="width: 0;"></div> 220 <div class="Trancript__item customer right" style="width: 35px;"></div> 221 <div class="Trancript__item customer right" style="width: 30px;"></div> 222 <div class="Trancript__item customer right" style="width: 25px;"></div> 223 <div class="Trancript__item customer right" style="width: 20px;"></div> 224 <div class="Trancript__item customer right" style="width: 25px;"></div> 225 <div class="Trancript__item customer right" style="width: 0;"></div> 226 <div class="Trancript__item customer right" style="width: 20px;"></div> 227 <div class="Trancript__item customer right" style="width: 30px;"></div> 228 <div class="Trancript__item customer right" style="width: 40px;"></div> 229 </div> 230 <div class="Trancript active"> 231 <div class="Trancript__item customer right" style="width: 0;"></div> 232 <div class="Trancript__item customer right" style="width: 10px;"></div> 233 <div class="Trancript__item customer right" style="width: 30px;"></div> 234 <div class="Trancript__item customer right" style="width: 25px;"></div> 235 <div class="Trancript__item customer right" style="width: 0;"></div> 236 <div class="Trancript__item customer right" style="width: 0;"></div> 237 <div class="Trancript__item customer right" style="width: 0;"></div> 238 <div class="Trancript__item customer right" style="width: 0;"></div> 239 <div class="Trancript__item customer right" style="width: 25px;"></div> 240 <div class="Trancript__item customer right" style="width: 30px;"></div> 241 <div class="Trancript__item customer right" style="width: 0;"></div> 242 </div> 243 </div> 244 <div class="SalesBodyTrancript__item"> 245 <img loading="lazy" alt="" class="SalesBodyTrancript__icon" src="/assets/img/scribr/scribr-operator-icon.svg" /> 246 <div class="Trancript"> 247 <div class="Trancript__item operator" style="width: 10px;"></div> 248 <div class="Trancript__item operator" style="width: 30px;"></div> 249 <div class="Trancript__item operator" style="width: 0;"></div> 250 <div class="Trancript__item operator" style="width: 10px;"></div> 251 <div class="Trancript__item operator" style="width: 25px;"></div> 252 <div class="Trancript__item operator" style="width: 30px;"></div> 253 <div class="Trancript__item operator" style="width: 0;"></div> 254 <div class="Trancript__item operator" style="width: 0;"></div> 255 <div class="Trancript__item operator" style="width: 0;"></div> 256 <div class="Trancript__item operator" style="width: 10px;"></div> 257 <div class="Trancript__item operator" style="width: 20p
257x;"></div> 258 </div> 259 <div class="Trancript"> 260 <div class="Trancript__item operator" style="width: 30px;"></div> 261 <div class="Trancript__item operator" style="width: 40px;"></div> 262 <div class="Trancript__item operator" style="width: 20px;"></div> 263 <div class="Trancript__item operator" style="width: 10px;"></div> 264 <div class="Trancript__item operator" style="width: 0;"></div> 265 <div class="Trancript__item operator" style="width: 0;"></div> 266 <div class="Trancript__item operator" style="width: 40px;"></div> 267 <div class="Trancript__item operator" style="width: 0;"></div> 268 <div class="Trancript__item operator" style="width: 0;"></div> 269 <div class="Trancript__item operator" style="width: 0;"></div> 270 <div class="Trancript__item operator" style="width: 0;"></div> 271 </div> 272 <div class="Trancript"> 273 <div class="Trancript__item operator" style="width: 20px;"></div> 274 <div class="Trancript__item operator" style="width: 30px;"></div> 275 <div class="Trancript__item operator" style="width: 0;"></div> 276 <div class="Trancript__item operator" style="width: 10px;"></div> 277 <div class="Trancript__item operator" style="width: 20px;"></div> 278 <div class="Trancript__item operator" style="width: 30px;"></div> 279 <div class="Trancript__item operator" style="width: 30px;"></div> 280 <div class="Trancript__item operator" style="width: 0;"></div> 281 <div class="Trancript__item operator" style="width: 10px;"></div> 282 <div class="Trancript__item operator" style="width: 0;"></div> 283 <div class="Trancript__item operator" style="width: 0;"></div> 284 </div> 285 </div> 286 </div> 287 </div> 288 </div> 289</div> 290 291<div class="Section How Scribr__altColor"> 292 <div class="Helper centered"> 293 <h2 class="Heading second light">Comment ça marche ?</h2> 294 <div class="How__content"> 295 296 <div class="How__item light"> 297 <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-connect.svg" /> 298 <p class="How__text">Branchement du <strong class="Section__strongWhite">flux téléphone du client</strong class="Section__strongWhite"> dans notre environnement</p> 299 </div> 300 301 <div class="How__item light"> 302 <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-analyze.svg" /> 303 <p class="How__text">Analyse du signal, transcription et anonymisation en <strong class="Section__strongWhite">temps réel</strong class="Section__strongWhite"> des appels</p> 304 </div> 305 306 <div class="How__item light"> 307 <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-tags.svg" /> 308 <p class="How__text"><strong class="Section__strongWhite">Etiquetage et scoring</strong class="Section__strongWhite">, mise à disposition du contenu de lâappel et son enrichissement dans notre <strong class="Section__strongWhite">interface web Scribr</strong class="Section__strongWhite"></p> 309 </div> 310 311 <div class="How__item light"> 312 <img loading="lazy" class="Circle linked light" alt="" src="/assets/img/scribr/scribr-how-actions.svg" /> 313 <p class="How__text">Actions manuelles en réponse au contenu de lâappel, ou <strong class="Section__strongWhite">exécution de tâches automatiques</strong class="Section__strongWhite"> auparavant configurées (intégrations outils tiers)</p> 314 </div> 315 316 </div> 317 </div> 318 <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> 319 <defs> 320 <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/> 321 </defs> 322 <g> 323 <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="0"/> 324 <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="3"/> 325 <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="5"/> 326 <use class="Scribr__wave static Waves__item" x="48" xlink:href="#Waves__ref" y="7"/> 327 </g> 328</svg> 329 330</div> 331 332<div class="Section Features"> 333 <div class="Helper centered"> 334 <h2 class="Heading second">Fonctionnalités</h2> 335 <div class="FeaturesBody"> 336 337 <div class="FeaturesBody__item"> 338 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-transcription.svg" /> 339 <p>Transcription en <strong>temps réel</strong> des appels.</p> 340 </div> 341 342 <div class="FeaturesBody__item"> 343 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-anonymize.svg" /> 344 <p>
344Anonymisation en <strong>temps réel</strong> des <strong>données privées</strong> et sensibles dans les transcriptions et les audios.</p> 345 </div> 346 347 <div class="FeaturesBody__item"> 348 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-tags.svg" /> 349 <p>Etiquetage des appels par <strong>IA pré-entrainée</strong>.</p> 350 </div> 351 352 <div class="FeaturesBody__item"> 353 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-ies.svg" /> 354 <p>Note d'<strong>effort client</strong> sur chaque appel <i>(IES : Individual Effort Score)</i>.</p> 355 </div> 356 357 <div class="FeaturesBody__item"> 358 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-search.svg" /> 359 <p><strong>Recherche complexe</strong> dans le texte des <strong>transcriptions</strong> de vos appels.</p> 360 </div> 361 362 <div class="FeaturesBody__item"> 363 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-search-result.svg" /> 364 <p>Résultats de la recherche qui pointent sur le <strong>moment de l'appel</strong> correspondant aux termes recherchés.</p> 365 </div> 366 367 <div class="FeaturesBody__item"> 368 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-play.svg" /> 369 <p>Lecture et ré-écoute des appels.</p> 370 </div> 371 372 <div class="FeaturesBody__item"> 373 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-export.svg" /> 374 <p>Export des résultats de recherche.</p> 375 </div> 376 377 <div class="FeaturesBody__item"> 378 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-bookmarks.svg" /> 379 <p>Gestion de recherches favorites.</p> 380 </div> 381 382 <div class="FeaturesBody__item"> 383 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-tool-integration.svg" /> 384 <p>Intégration avec des <strong>outils tiers</strong> pour <strong>automatiser des actions</strong> selon l'étiquetage des appels.</p> 385 </div> 386 387 <div class="FeaturesBody__item"> 388 <img loading="lazy" class="FeaturesBody__img" src="/assets/img/scribr/scribr-features-privacy.svg" /> 389 <p><strong>Accès personnel et sécurisé</strong> à notre plateforme.</p> 390 </div> 391 392 </div> 393 </div> 394</div> 395 396<div class="Section Scribr__altColor"> 397 <div class="Helper centered"> 398 <h2 class="Heading second light">Respect de la confidentialité</h2> 399 <div class="Privacy Scribr__privacy"> 400 <div class="Privacy__summary"> 401 <div class="Circle"> 402 <img loading="lazy" alt="security" class="Circle__icon" src="/assets/img/scribr/anonymize.svg" /> 403 </div> 404 <p><strong class="Section__strongWhite">Anonymisation des données</strong><br />(privées et sensibles)</p> 405 </div> 406 <div class="Privacy__authority"> 407 <img loading="lazy" alt="GDPR" class="Privacy__logo" src="/assets/img/scribr/logo-gdpr.svg" /> 408 <img loading="lazy" alt="Verizon" class="Privacy__logo" src="/assets/img/scribr/logo-verizon.svg" /> 409 </div> 410 </div> 411 </div> 412 <svg class="Waves" preserveaspectratio="none" viewbox="0 24 150 28" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> 413 <defs> 414 <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="Waves__ref"/> 415 </defs> 416 <g> 417 <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="0"/> 418 <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="3"/> 419 <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="5"/> 420 <use class="Scribr__wave staticAlt Waves__item" x="48" xlink:href="#Waves__ref" y="7"/> 421 </g> 422</svg> 423 424</div> 425 426<div class="Section CallToAction"> 427 <div class="Helper centered"> 428 <div class="CallToActionBody"> 429 <div class="CallToActionBody__item"> 430 <img loading="lazy" alt="the-scribr" class="SolutionsContent__img" src="/assets/img/scribr/logo-the-scribr.svg" /> 431 </div> 432 <div class="CallToActionBody__item right"> 433 <a href="/fr/contact/" class="Button primary"> 434 Prenez contact avec nous 435 </a> 436 <p class="Paragraph reset"> 437 Ou appelez le <a class="CallToAction__link" href="tel:+33184176706">01 84 17 67 06</a> 438 </p> 439 </div> 440 </div> 441 </div> 442</div> 443
444<script type="text/javascript"> 445 (function () { 446 const activeLabel = "active"; 447 const tabs = Array.apply([], document.querySelectorAll(".SalesHead__item")); 448 const timelines = Array.apply([], document.querySelectorAll(".SalesBodyTrancript__item")); 449 tabs.forEach(function (tab, index) { 450 tab.addEventListener("click", function (e) { 451 const activeTab = document.querySelector(".SalesHead__item." + activeLabel); 452 453 if (!!activeTab) activeTab.classList.remove(activeLabel); 454 this.classList.add(activeLabel); 455 456 const activeContent = document.querySelector(".SalesBodyList." + activeLabel); 457 if (!!activeContent) activeContent.classList.remove(activeLabel); 458 459 const tabContent = document.querySelectorAll(".SalesBodyList"); 460 tabContent[index].classList.add(activeLabel); 461 462 const list = tabContent[index].querySelectorAll(".SalesBodyList__btn"); 463 464 list.forEach(function (element, index) { 465 element.classList.remove(activeLabel); 466 if (index == 0) element.classList.add(activeLabel); 467 }); 468 469 const activeSection = tabContent[index].querySelector(".SalesBodyList__btn." + activeLabel); 470 const step = activeSection.getAttribute("data-step"); 471 const source = activeSection.getAttribute("data-source"); 472 setTimeline(step, getCurrentTimeline(source)); 473 setTimeline("flush", getCurrentTimeline(selectOppositeTimeline(source))); 474 }); 475 476 const tabContent = Array.apply([], document.querySelectorAll(".SalesBodyList > .SalesBodyList__item")); 477 tabContent.forEach(function (section, index) { 478 section.addEventListener("click", function (e) { 479 const step = e.target.getAttribute("data-step"); 480 const source = e.target.getAttribute("data-source"); 481 const activeSection = document.querySelector(".SalesBodyList__item > Button." + activeLabel); 482 483 setTimeline(step, getCurrentTimeline(source)); 484 setTimeline("flush", getCurrentTimeline(selectOppositeTimeline(source))); 485 486 if (!!activeSection) activeSection.classList.remove(activeLabel); 487 488 const active = this.firstElementChild; 489 490 active.classList.add(activeLabel); 491 }); 492 }); 493 }); 494 495 /* Utils */ 496 function getCurrentTimeline(source) { 497 if (source == "in") return timelines[0]; 498 if (source == "out") return timelines[1]; 499 } 500 501 function selectOppositeTimeline(source) { 502 if (source == "in") { 503 return "out"; 504 } else { 505 return "in"; 506 } 507 } 508 509 function setTimeline(step, timeline) { 510 const elementListTimeline = Array.apply([], timeline.children); 511 switch (step) { 512 case "all": 513 elementListTimeline.map(function (element) { 514 element.classList.add(activeLabel); 515 }); 516 break; 517 case "start": 518 elementListTimeline.map(function (element, index) { 519 if (index < 2) { 520 element.classList.add(activeLabel); 521 } else { 522 element.classList.remove(activeLabel); 523 } 524 }); 525 break; 526 case "end": 527 elementListTimeline.map(function (element, index) { 528 if (index == 0 || index > 2) { 529 element.classList.add(activeLabel); 530 } else { 531 element.classList.remove(activeLabel); 532 } 533 }); 534 break; 535 default: 536 elementListTimeline.map(function (element) { 537 element.classList.remove(activeLabel); 538 }); 539 } 540 } 541 })(); 542</script>
542 543 544</main><footer class="Footer"> 545 <div class="Social"> 546 <div class="Helper centered spaceBetween"> 547 <div>Retrouvez Allo-Media sur les réseaux sociaux</div> 548 <div> 549 550 <a class="Social__link" target="_BLANK" href="https://www.facebook.com/AlloMedia"> 551 <img loading="lazy" class="Social__icon" src="/assets/img/social-facebook.svg" alt="facebook" /> 552 </a> 553 554 <a class="Social__link" target="_BLANK" href="https://www.instagram.com/allomedia"> 555 <img loading="lazy" class="Social__icon" src="/assets/img/social-instagram.svg" alt="instagram" /> 556 </a> 557 558 <a class="Social__link" target="_BLANK" href="https://twitter.com/allomedia"> 559 <img loading="lazy" class="Social__icon" src="/assets/img/social-twitter.svg" alt="twitter" /> 560 </a> 561 562 <a class="Social__link" target="_BLANK" href="https://www.linkedin.com/company/groupe-allo-media"> 563 <img loading="lazy" class="Social__icon" src="/assets/img/social-linkedin.svg" alt="linkedin" /> 564 </a> 565 566 <a class="Social__link" target="_BLANK" href="https://www.youtube.com/channel/UCteVZTYxvWgPmNiNDR9HiZg/videos"> 567 <img loading="lazy" class="Social__icon" src="/assets/img/social-youtube.svg" alt="youtube" /> 568 </a> 569 570 </div> 571 </div> 572 </div> 573 <div class="Footer__map Helper centered spaceBetween"> 574 <img loading="lazy" class="Footer__logo" src="/assets/img/logo-allo-media-footer.svg" alt="Logo Allomedia" /> 575 <div> 576 577 <a class="Link footer" href="/fr/the-scribr/">The Scribr</a> 578 579 <a class="Link footer" href="/fr/callbot/">Callbot</a> 580 581 <a class="Link footer" href="/fr/expertise/">Expertise</a> 582 583 <a class="Link footer" href="/fr/contact/">Contact</a> 584 585 <a class="Link footer" href="mailto:[email protected]">Support</a> 586 </div> 587 </div> 588 <div class="Footer__mentions Helper centered"> 589 <p class="Footer__paragraph">Groupe Allo-Media SAS - Capital 1 836 840 ⬠- 531 163 210 R.C.S. Paris - SIRET : 531 163 210 00051</p> 590 <p class="Footer__paragraph">Allo-Media - 1 rue de Stockholm 75008 Paris, France</p> 591 <p class="Footer__paragraph"> 592 <a class="Link footer" href="/fr/mentions-legales/">Mentions légales</a> 593 - © <span id="copyright-year"></span> All rights reserved. 594 </p> 595 </div> 596</footer> 597
598<script src="/assets/main.js"></script>
vendor: 1 bytes, line 598
598
599<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.1/highlight.min.js"></script>
vendor: 1 bytes, line 599
599
600<script> 601 hljs.initHighlightingOnLoad(); 602</script>
602 603</body> 604 605</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.