Benchmark CDP – Zoom sur Adobe Real-Time CDP

adobe real time cdp benchmark customer data platform

Real-Time CDP est la Customer Data Platform proposée par Adobe. Vous allez découvrir dans cette publication l’essentiel de ce qu’il faut savoir sur cette CDP :

CustUp est spécialisée dans la structuration et la mise en œuvre de la Relation Clients via la Data et les outils de l’écosystème CRM. Les CDP jouent un rôle pivot et croissant. C’est la raison qui nous a décidés à proposer à nos lecteurs un Benchmark des CDP.

Executive Summary

  • Notre perception de l’ADN de l’éditeur : acteur majeur des MarTech (avec la suite Experience Cloud), Adobe dispose d’un portefeuille client important en France, notamment suite au rachat de Neolane en 2013. La Customer Data Plateform d’Adobe, Adobe Real-Time CDP, a été lancée  en 2019.
  • Le positionnement de Real-Time CDP : une Customer Data Platform orientée « Data Management » visant à connecter, unifier, segmenter/scorer et orchestrer les données ; une gestion des cookies tiers et des données anonymes ; une plateforme ouverte, API-first, capable de se connecter à n’importe quel système tiers.
  • Les points forts de la Customer Data Platform Adobe : la gestion du temps réel ; l’ouverture de la plateforme ; le périmètre fonctionnel très large ; une très bonne gestion de la gouvernance des données.
  • A qui s’adresse la CDP Adobe ? Aux ETI et aux grands groupes, B2C ou B2B, ayant une bonne maturité en matière de gestion des données et de pratique marketing-ventes.

Retour au sommaire

CustUp est indépendant des éditeurs

Précision importante : CustUp est indépendant des éditeurs. Nous ne percevons aucune rémunération directe ou indirecte de leur part. Techno-agnostiques, nous recommandons à nos clients les solutions logicielles les plus en adéquation avec leurs ambitions et besoins.

Notre perception de l'ADN de l'éditeur Adobe

Adobe est un acteur majeur de l’écosystème MarTech depuis le début des années 2010, notamment suite au rachat d’Omniture en 2009. Au travers de sa suite Experience Cloud, Adobe propose une palette de solutions couvrant l’ensemble des besoins : Marketing, e-commerce, Assets Management, Analytics, Web…

Adobe dispose d’un portefeuille client important en France, notamment suite à l’acquisition de Neolane en 2013.

La Customer Data Platform d’Adobe, baptisée Adobe Real-Time CDP, a été lancée en 2019. Elle compte plus de 250 clients à travers le monde (chiffres 2022). Le parti-pris d’Adobe a été de construire la plateforme brique à brique en partant de zéro (from scratch), sans acquisitions.

Retour au sommaire

Positionnement de la CDP Adobe

  • Adobe Real-Time CDP a un positionnement Data Management, se concentrant sur la connexion, l’unification, la segmentation, le scoring et l’orchestration des données. La vocation de la CDP est d’alimenter les outils d’activation et de reporting en profils unifiés, audiences et scores.
  • Adobe Real-Time CDP couvre les cas d’usage des Data Management Platforms (DMP), du fait de sa capacité à gérer les cookies tiers (tant que cela est encore possible…) et les cas d’usage CRM, grâce à des connexions natives avec les outils de marketing automation & CRM du marché
  • La CDP Adobe se veut une plateforme ouverte, API-first, en capacité de se brancher à n’importe quel système tiers (sources et destinations). On peut tirer pleinement profit d’Adobe Real-Time CDP sans être client d’aucune autre solution Adobe Experience Cloud.
  • La Customer Data Platform Adobe est distribuée sous deux versions : une version pour le B2C, une version pour le B2B. La CDP Adobe s’adresse aux entreprises de tous les secteurs d’activité.

Retour au sommaire

Les points forts de cette CDP

  • Comme l’indique son nom, Real-Time CDP offre une remarquable gestion du temps réel et des cas d’usage associés. 
  • Construite API-first, Real-Time CDP s’intègre facilement à n’importe quelles sources de données online et offline. Une large bibliothèque de connecteurs natifs est proposée que ce soit avec les sources de données ou les destinations (notamment des solutions media et CRM).
  • La CDP Adobe dispose d’un large périmètre fonctionnel et permet d’adresser la majorité des cas d’usage de marketing-ventes. 
  • Adobe Real-Time CDP gère de manière avancée la gouvernance des données. Adobe permet de catégoriser/labelliser chaque donnée et de créer une politique d’usage (par exemple, la non-utilisation des données de genre pour les campagnes social). La plateforme permet de bloquer automatiquement toute activation sur des contacts ayant refusé leur consentement. Le consentement peut être intégré au modèle de données et mis à jour en temps réel via l’intégration avec la Consent Management Platform.

Retour au sommaire

Adobe Real-Time CDP, c’est pour qui ?

Adobe Real-Time CDP s’adresse aux ETI et aux grands comptes. Une majorité des clients de la plateforme sont B2C, mais la CDP Adobe est proposée sous une déclinaison taillée sur mesure pour les structures de données et cas d’usage B2B.

Un bon niveau de maturité en matière de Data Marketing est recommandé pour tirer le maximum de profit d’une solution comme Adobe Real-Time CDP. La plateforme s’adresse à des organisations disposant d’un SI Client solide et d’une pratique marketing élaborée.

Retour au sommaire

Adobe Real-Time CDP - Périmètre fonctionnel & technique

Périmètre fonctionnelDescription
Connexions- Une cinquantaine de connecteurs développés par Adobe, et plus de 200 connecteurs développés par les éditeurs partenaires.
- Un client-side SDK mis à disposition (Web et Mobile App).
- Existence d'un gestionnaire de tags développé par Adobe et fourni gratuitement : Adobe Launch.
- APIs d'ingestion et de sortie RESTful (pipeline Global Kafka pour la gestion du temps réel).
- Adobe Experience Platform Edge Network fournit un moyen pour les clients d'interagir avec les services de la CDP.
Personnalisation du modèle de données- Modèle de données personnalisables : tables, objets, champs...
- Existence de modèles verticalisés pour le retail, le secteur financier, les télécommunications, le secteur du voyage (travel & hospitality) et le domaine de la santé.
- Briques de schémas à disposition.
Normalisation & déduplication- Fonctionnalités avancées de data préparation : mapping et validation des données, transformations à la volée.
- Pas de fonctionnalités natives de vérification des emails, adresses postales et téléphone.
- Unification des données autour d'identifiants de tous types : emails, numéros de téléphone, identifiants d’appareils (IDFA, GAID), cookies ID analytics, ID CRM, ID de fidélité, mais aussi cookies third party, emails hachés..
- Réconciliation multi-clés.
- Pas de matching probabiliste (uniquement déterministe).
Traitements externes de la donnée- Connecteurs proposés avec plusieurs services/solutions d'enrichissement des données.
Vue client- Vues profils/clients 360 personnalisables.
- Possibilité de créer des vues différentes pour les différents utilisateurs : marketing, ventes, service client...

Reporting & Analytics- Quelques reportings natifs, par exemple sur l'état de la segmentation.
- Adobe Real-Time CDP n'est toutefois pas un outil de reporting.
- Connecteurs proposés avec plusieurs outils de reporting.
Segmentation & scoring- Editeur de segment no code.
- Compteur permettant de visualiser le nombre de profils constituant les segments.
- Mise à jour des segments en temps réel.
- Modèle algorithme sur l'étagère pour calculer des scores de propension (propension à la conversion et churn).
- Calcul des scores en temps réel.
- Possibilité d'importer des scores calculés dans des solutions tierces.
Orchestration & activation- Adobe Real-Time CDP permet d'envoyer aux solutions d'activation les profils unifiés, les audiences, les segments, les scores, les événements - en temps réel ou de manière asynchrone.
- Possibilité de scénariser les activations.
- Une large bibliothèque de connecteurs proposés avec des outils d'activation.
Stockage & hébergement- Plateforme full SaaS.
- Hébergement sur des serveurs Microsoft Azure en Europe (aux Pays-Bas).
Projet & pricingProjets de déploiement gérés par l'éditeur ou en binôme par Adobe et un partenaire (cabinet de conseil, intégrateur).

Connexions

Il existe quatre principales méthodes pour connecter ses données offline et online à la plateforme Adobe Real-Time CDP :

  • Les connecteurs. Adobe a développé une cinquantaine de connecteurs avec des solutions d’expérience client, des data lakes ou data warehouses, des ETL, des solutions AdTech et MarTech. A cela s’ajoutent plus de 200 connecteurs développés par les partenaires via les SDKs.
  • Le client-side SDK, qui permet de capturer les données côté client de manière enrichie à partir du catalogue d’extensions prises en charge par Adobe et ses partenaires. Le client-side SDK est surtout utilisé pour la connexion des données web. Soulignons qu’Adobe propose un gestionnaire de tags (TMS) : Adobe Launch, qui peut aussi être utilisé pour l’ingestion des données web coté client et coté serveur.
  • Les API d’ingestion et de sortie RESTful, pour réaliser des imports en batch (imports de fichiers plats par lots) ou mettre en place un streaming de données en temps réel. 
  • Adobe Experience Platform Edge Network fournit un moyen pour les clients d’interagir avec les services de la CDP.
adobe real time cdp bibliotheque connecteurs

Légende : Adobe Real-Time CDP – Bibliothèque de connecteurs.

Rappelons que l’un des points forts d’Adobe Real-Time CDP est la gestion du réel. Cela concerne à la fois l’ingestion des données et leur synchronisation dans les systèmes sources, qu’il s’agisse de solutions de l’écosystème Adobe Experience Cloud ou de solutions tierces.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Préparation & Unification des Données

Personnalisation du modèle de données

Adobe Experience Cloud permet de personnaliser son modèle de données, dans toutes ses dimensions : tables, objets, champs.

S’il est possible de créer son modèle à partir de zéro, précisons que l’éditeur met à disposition des modèles verticaux sur l’étagère, par métier. Cette option permet de gagner du temps dans la personnalisation de son modèle. A date, des modèles de données sur l’étagère sont proposés pour le Retail, le secteur financier, les télécommunications, le secteur du voyage (travel & hospitality) et le domaine de la santé.

Adobe propose également des briques pré-paramétrées de schémas de données qui peuvent être utilisées pour gagner du temps dans la construction du modèle personnalisé.

adobe real time cdp construction modele de donnees

Adobe Real-Time CDP – Interface de construction du modèle de données.

adobe real time cdp modele de donnees 2

Adobe Real-Time CDP – briques pré-paramétrées de schémas de données proposées par la plateforme.

Normalisation & Déduplication

Adobe Real-Time CDP propose des fonctionnalités avancées de data preparation permettant de mapper et valider les données ingérées dans la plateforme. Cette étape est réalisée au moment de l’intégration et du mapping des données. Il est possible d’opérer des transformations à la volée : manipulation de chaînes, de chiffres ou de dates.

Adobe Real-Time CDP ne dispose pas de fonctionnalités natives de validation des adresses postales, emails et numéros de téléphone, mais la plateforme facilite l’intégration aux solutions et services tiers de normalisation (Cap Adresse, Capency, DQE…).

Adobe Real-Time CDP permet de réconcilier les données ingérées (online et offline) autour de profils unifiés et mis à jour en temps réel. C’est la fonction de base d’une CDP.

La plateforme gère tous types d’identifiants : emails, numéros de téléphone, identifiants d’appareils (IDFA, GAID), cookies ID analytics, ID CRM, ID de fidélité, mais aussi cookies third party, emails hachés…La gestion des données tierces anonymisées est l’une des spécificités d’Adobe Real-Time CDP.

Adobe Real-Time CDP gère la réconciliation multi-clés. Les différents ID utilisés sont ensuite organisés de manière déterministe dans un graph des identités qui se construit au fur et à mesure des interactions des clients avec les points de contact de l’entreprise.

adobe real time cdp graphe identites

Adobe Real-Time CDP – Graph des identités.

Traitements externes de la Donnée

Adobe Real-Time CDP propose des connecteurs avec des solutions et services d’enrichissement des données, de Data Quality Management. L’utilisation des APIs permet de remédier à l’absence de connecteurs le cas échéant.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Vue Client

Les données unifiées peuvent être organisées dans des vues clients 360 pour les besoins du métier.

Les vues clients 360 sont personnalisables et il est possible d’adapter leur présentation en fonction des utilisateurs cibles : marketing, ventes, service client…

Une vue de profil est créée automatiquement dès qu’un visiteur anonyme visite le site internet. L’identifiant utilisé est alors le cookie first-party. C’est autour de lui que sont agrégées les données de navigation et de comportement web. Le profil est mis à jour en temps réel. Lorsque le profil est identifié, d’autres identifiants que le cookie first-party viennent prendre le relais.

adobe real time cdp vue profil anonyme

Adobe Real-Time CDP : Vue profil d’un visiteur anonyme.

adobe real time cdp vue client historisation evenements

Adobe Real-Time CDP : Vue profil d’un visiteur anonyme – historisation des événements.

adobe real time cdp vue client segments

Adobe Real-Time CDP : La vue client permet de visualiser les segments d’appartenance du profil.

adobe real time cdp fiche client

Adobe Real-Time CDP : vue profil d’un client identifié.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Reporting & Analytics

La Customer Data Platform proposée par Adobe propose quelques reportings natifs, comme par exemple un reporting de visualisation de la segmentation :

adobe real time cdp tableau de bord reporting

Adobe Real-Time CDP – Vue générale de la segmentation des profils.

Le tableau de bord d’accueil d’Adobe Real-Time CDP donne accès à quelques informations relatives à l’activité des utilisateurs.

adobe real time cdp page accueil

Adobe Real-Time CDP – Ecran d’accueil.

Signalons aussi l’écran relatif à la gouvernance des données qui permet de visualiser l’ensemble des règles de restriction et d’exclusion. La gestion de la gouvernance des données est l’un des points forts de la plateforme Adobe Real-Time CDP.

adobe real time cdp regles exclusion

Adobe Real-Time CDP – Gestion des règles d’exclusion / restriction (1).

adobe real time cdp restriction 2

Adobe Real-Time CDP – Gestion des règles d’exclusion / restriction (2).

Mais, vous l’aurez compris, Adobe Real-Time CDP n’est pas un outil de reporting. Sa vocation est d’alimenter l’outil de reporting (Analytics, Business Intelligence…) de l’entreprise. L’interconnexion entre la CDP Adobe et l’outil de reporting s’effectue via un connecteur s’il y a, ou en utilisant le système d’APIs.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Segmentation & Scoring

Segmentation

La CDP Adobe propose un éditeur de segments no code. Un écran permet de visualiser l’ensemble des segments créés et de visualiser, pour chaque segment, le volume de contacts (en pourcentage).

adobe real time cdp liste segments

Adobe Real-Time CDP – Liste des segments.

Les segments sont édités en appliquant des critères de segments (des attributs ou des activités/événements) puis des règles de concaténation : ET, OU, ET PAS…Les opérateurs peuvent être combinés entre eux sur plusieurs niveaux.

Un compteur permet de suivre le nombre de profils intégrés dans chaque segment.

Les segments sont mis à jour dynamiquement et en temps réel.

adobe real time cdp editeur segments no code

Adobe Real-Time CDP – Editeur de segments no code.

Scoring

Adobe Real-Time CDP propose par ailleurs un modèle algorithmique sur l’étagère appelé Customer AI qui permet de calculer des scores de propension à la conversion ou au churn. L’utilisation de ce modèle s’adresse à des opérationnels et ne nécessite pas de compétences particulières en data science. Ce modèle est intégré nativement à la plateforme, sans surfacturation.

En tant que plateforme ouverte, Adobe Real-Time CDP peut s’intégrer à un écosystème data science existant pour envoyer des audiences à des systèmes tiers ou au contraire recevoir des scores calculés dans des solutions tierces. Précisons qu’il n’est pas possible en revanche d’importer des algorithmes maison à ce jour.

Les scorings de propension peuvent ensuite être utilisés pour créer des segments. Les scores sont mis à jour en temps réel.

adobe real time cdp ia predictif

Adobe Real-Time CDP – Fonctionnalités IA/Prédictif.

adobe real time cdp ia predictif 2

Adobe Real-Time CDP – Fonctionnalités IA/Prédictif.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Orchestration & Activation

Adobe Real-Time CDP est une plateforme d’unification et d’orchestration des données clients. La vocation d’Adobe Real-Time CDP est d’alimenter les solutions d’activation avec des profils unifiés, des audiences, des scores, des événements…

L’export est réalisé en temps réel ou de manière asynchrone suivant la nature des données transmises et des destinations. Les exports peuvent être scénarisés.

Comme nous l’avons vu plus haut (partie “Connexions”), Adobe Real-Time met à disposition de nombreux connecteurs avec des solutions tierces : CRM, marketing automation, helpdesk, media (DSP/SSP), social, personnalisation web…

Ces connecteurs sont développés soit par Adobe, soit par ses partenaires. Dans ce dernier cas, les connecteurs sont validés par Adobe. Lorsque le connecteur n’est pas disponible, l’intégration est réalisée par API. La connectivité est l’un des points forts d’Adobe Real-Time CDP.

adobe real time cdp connecteurs destinations

Adobe Real-Time CDP – “Activation” d’un segment vers une destination – Liste des connecteurs préconfigurés.

adobe real time cdp parametrage exports

Adobe Real-Time CDP – Programme de l’export des segments vers les destinations.

adobe real time cdp scenarisation activation

Adobe Real-Time CDP – Scénarisation des activations via le Journey Orchestration (un addon vendu séparément).

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Stockage & Hébergement

Adobe Real-Time CDP est une plateforme full SaaS hébergée sur des serveurs Microsoft Azure gérés par l’éditeur.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Projet

Le déploiement d’Adobe Real-Time CDP peut être pris en charge par l’éditeur seul ou en binôme par un partenaire et Adobe.

Dans la majorité des projets, un partenaire est mobilisé mais celui-ci n’intervient jamais seul. Adobe tient à être impliqué sur tous les projets. Le partenaire et Adobe conviennent d’une matrice RACI pour déterminer le rôle et l’implication respectifs de chacun.

Les partenaires d’Adobe sont tous formés et certifiés.

Les licences Adobe Real-Time CDP sont facturées en fonction du nombre de profils.

Retour au tableau de synthèse du périmètre fonctionnel

Retour au sommaire

Fiche éditeur Adobe Real-Time CDP

Fiche éditeur Adobe
Chiffre d'affaires - FranceN.C.
Chiffre d'affaires - MondeCA Adobe Monde : 15 785M$ (2021)
Nombre d'employés en France500 employés en France (2020)
Nombre d'employés dans le Monde22 516 employés dans le monde (2020)
Nombre de clients en FranceN.C.
Nombre de clients dans le MondeN.C.
Écosystème de partenaires en France (intégrateurs...)Plusieurs partenariats avec des cabinets de conseil et intégrateurs français pour le déploiement des projets CDP Adobe.
Support éditeur en FranceLes équipes de consulting Adobe peuvent proposer une équipe francophone pour le déploiement des projets.
Support éditeur en françaisL'interface de la solution et une grande partie de la documentation en ligne sont disponibles en français. Le support client est disponible en plusieurs langues européennes dont le français et l’anglais.
Possibilité de tester la solution ?Les pilotes et/ou POC sont possibles. Il y a un ensemble de critères à respecter pour être éligible.

Retour au sommaire

CustUp est indépendant des éditeurs

Précision importante : CustUp est indépendant des éditeurs. Nous ne percevons aucune rémunération directe ou indirecte de leur part. Techno-agnostiques, nous recommandons à nos clients les solutions logicielles les plus en adéquation avec leurs ambitions et besoins.

CustUp vous accompagne dans votre Projet CDP

Cabinet de conseil en Performance Client et en Données Clients, nous aidons les entreprises dans le cadrage, le pilotage, le déploiement et l’exploitation de leurs Projets CDP. Nos accompagnements sont sur-mesure. Nous intervenons auprès d’organisations issues de tous secteurs (B2C et B2B) et de toutes tailles (de la PME au grand groupe).

Nous sommes en mesure de couvrir l’ensemble du périmètre d’un Projet Customer Data Platform :

  • Cadrage des objectifs.
  • Définition des besoins et des cas d’usage.
  • Qualification des fonctionnalités cibles à opérer par la plateforme cible : unification – segmentation – activation – orchestration.
  • Conception de l’organisation cible du SI Clients.
  • Sélection de la Customer Data Platform : construction du dossier de qualification et copilotage de l’appel d’offres.
  • Accompagnement à la maîtrise d’ouvrage en phase de déploiement.
  • Accompagnement à l’amélioration de l’exploitation.
  • Construction du dispositif de pilotage.
  • Transformation des pratiques de marketing-ventes grâce à la Data et aux outils CRM.
  • Propagation du projet CDP à l’international.
  • …/…
Discutons de votre Projet CDP
[custup_icon]
<img src="https://www.custup.com/wp-content/themes/custup/public/img/icon.png" alt="Merci pour votre visite" class="skip-lazy" width="28" height="27"/>
[custup_form_exit]
<script type="text/javascript"> jQuery(document).ready(function( $ ) { var captchaG0YjK = grecaptcha.render( 'captcha-G0YjK', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; var email = ""; jQuery(document).delegate( '#emailG0YjK', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-exit-G0YjK', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "exit", 1 ); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-exit-G0YjK .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-exit-G0YjK .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-exit-G0YjK .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-exit-G0YjK .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-exit-G0YjK .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Exit", "eventAction": "clic", "eventLabel": "https://www.custup.com/consultant-donnees-clients/benchmark-cdp/cdp-adobe/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaG0YjK); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaG0YjK); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-exit-G0YjK" class="form_inline popin-exit"> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group pull-left"> <input class="form-control" type="text" id="emailG0YjK" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-G0YjK"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center pull-left"> <button id="dj_envoyer_inscription-exit-G0YjK" class="dj_envoyer_inscription" type="submit">S'inscrire !</button> </div> </div>
[custup_scroll_nom_silo]
des données clients
[custup_form_silo_scroll_optinmonster]
<script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var captchaI6laz = grecaptcha.render( 'captcha-I6laz', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailI6laz', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-I6laz', 'click', function(e){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "id_article", 25425); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-I6laz .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-I6laz .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-I6laz .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-I6laz .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-I6laz .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-I6laz .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-I6laz .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-I6laz .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-I6laz .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-I6laz .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Silo-XXX-Scroll", "eventAction": "clic", "eventLabel": "https://www.custup.com/consultant-donnees-clients/benchmark-cdp/cdp-adobe/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaI6laz); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaI6laz); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-I6laz"> <form> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group pull-left"> <input class="form-control" type="text" id="emailI6laz" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-I6laz"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center pull-left"> <button id="dj_envoyer_inscription-I6laz" class="dj_envoyer_inscription" value="xx" type="submit">S'inscrire</button> </div> </form> </div>