Zoom sur Tealium AudienceStream – Benchmark CDP

cdp tealium audience stream

AudienceStream est la Customer Data Platform développée par Tealium. Vous allez découvrir dans cette publication l’essentiel de ce qu’il faut savoir sur la CDP Tealium :

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. Issu de l’univers du Tag Management System, Tealium est l’un des pionniers du concept de la Customer Data Platform au milieu des années 2010.
  • Le positionnement de la CDP Tealium. Le périmètre fonctionnel de plateforme Tealium est classique pour une CDP : unification des données, enrichissement, création d’audiences et de segments, orchestration des activations. Tealium se distingue par l’utilisation d’une logique d’événements (héritage du passé de l’éditeur), la très bonne gestion des données web et mobile, la gestion du temps réel de bout en bout : identification et réconciliation d’identité, agrégation dynamique des profils et activation.
  • Les points forts de Tealium AudienceStream : l’ergonomie et la convivialité de la plateforme, qui est rapide à prendre en main par les équipes métier ; l’excellente gestion du temps réel (en millisecondes) que ce soit au niveau de l’ingestion des données, du stitching des individus, de la mise à jour des profils, des audiences, des segments, de la connexion aux destinations… ; l’ouverture de la plateforme, complètement agnostique, qui propose un catalogue de plus de 1 400 intégrations ; la gestion avancée de la sécurisation des données, en particulier des données sensibles.
  • A qui s’adresse la CDP Tealium ?Aux grands groupes, mais aussi au mid-market (PME et ETI). La modularité des offres permet à l’éditeur de s’adresser à un spectre large d’entreprises. La CDP Tealium n’a pas de spécialisation sectorielle.

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 Tealium

Tealium est historiquement connu comme l’éditeur d’un Tag Management System (TMS). L’éditeur propose désormais une plateforme d’unification et d’orchestration omnicanale des données clients, associant la logique de tags à celle d’APIs.

Tealium a participé à la popularisation du concept de CDP dans les années 2013-2014 et fait figure de pionnier et spécialiste sur ce marché.

Tealium commercialise Customer Data Hub (CDH), qui réunit 3 solutions logicielles proposées par l’éditeur :

  • Tealium iQ, le TMS historique de Tealium qui permet de collecter et de gérer les événements et consentements clients capturés sur les interfaces digitales (web et mobile).
  • Tealium EventStream, hub API qui gère le streaming des données en temps réel entre les différents systèmes.
  • Tealium AudienceStream CDP, qui est la Customer Data Platform de Tealium, utilisée pour unifier les données clients autour de profils consistants, créer des audiences et orchestrer les activations en temps réel

Ces 3 solutions sont vendues séparément. Il est tout à fait possible, par exemple, d’être client d’AudienceStream sans utiliser le TMS Tealium.

Retour au sommaire

Positionnement de la CDP Tealium

  • La CDP Tealium est une CDP no code dédiée à l’unification dynamique des données multi-sources (online et offline), la réconciliation d’identités, la création d’audiences et de segments, l’orchestration des activations. Tealium intègre par ailleurs nativement un module de reporting : Tealium Insights.
  • La CDP proposée par Tealium a un positionnement très orienté “digital”, ce qui s’explique par l’origine de l’éditeur. Tealium est historiquement un expert dans la collecte et le traitement des données web et mobile. Fruit de cet héritage, l’éditeur parle d’événements plutôt que de données, de visiteurs plutôt que de clients.
  • Tealium a élargi au cours des années son périmètre fonctionnel et propose désormais une bonne intégration des données offline et des données issues de l’internet des objets. Tealium est aujourd’hui en capacité de gérer tous types de données.
  • La gestion des IDs est au coeur de la solution Tealium. Elle se fait en temps réel depuis la synchronisation d’IDs externes à leur réconciliation (stitching) et à la mise à jour dynamique des profils.
  • Tealium AudienceStream permet ainsi de traiter aussi bien des problématiques d’acquisition et de conversion que de fidélisation.

Retour au sommaire

Les points forts de cette CDP

  • L’interface de Tealium est ergonomique et conviviale, très largement no-code, ce qui facilite l’adoption de la plateforme par les utilisateurs métier.
  • Tealium CDP gère le “vrai” temps réel (150 – 200 millisecondes), que ce soit au niveau de l’ingestion des données, de la synchronisation d’ids, de la réconciliation des ids, de la mise à jour des profils et des audiences ou de la synchronisation des données dans les outils de destination.
  • La Customer Data Platform Tealium se veut ouverte et agnostique. Plus de 1 400 intégrations natives sont proposées pour que les clients puissent utiliser au mieux leur écosystème d’outils existant.
  • La CDP Tealium offre de bonnes garanties en matière de sécurisation des données. Tealium compte beaucoup de clients dans des secteurs où la sécurisation des données sensibles est un enjeu clé (santé, assurances, finance…). Tealium propose en option l’hébergement des données sur un cloud privé et gère nativement les consentements et les préférences.

Retour au sommaire

Tealium AudienceStream, c’est pour qui ?

L’éditeur propose des offres modulaires s’adaptant aux différentes tailles d’entreprise. La plateforme Tealium AudienceStream s’adresse à des grands comptes, mais également à des entreprises mid-market, PME et ETI.

Il n’y a pas de spécialisation sectorielle de la plateforme. Le portefeuille client de Tealium inclut des entreprises du retail, du travel, des technologies, de la finance, des assurances, des media, de la santé, des telco, du media etc.

Retour au sommaire

Tealium AudienceStream - Périmètre fonctionnel & technique

Périmètre fonctionnelDescription
Connexions- Plus de 1 400 connecteurs sur l'étagère.
- Import de fichiers plats.
- Ingestion des données web et mobile via le TMS Tealium ou un TMS tiers.
- Scénarisation de l'ingestion des données via Team Connect (approche pull).
- Enrichissement en live avec des données externes.
Personnalisation du modèle de données- Un modèle de données entièrement personnalisable.
- Un modèle à plat, avec une seule table = une table réunissant l'ensemble des profils et l'ensemble des attributs.
- Gestion de tous types d'attributs : badge, nombre, chaîne, booléen, date, occurrence, funnel, calendrier...
- Pas de modèles de données verticalisés, sur l'étagère.
Normalisation & déduplication- Nettoyage des données possible nativement uniquement avec Node JS.
- Pas de fonctionnalités natives de normalisation des emails, adresses postales et numéros de téléphone.
- Gestion de la déduplication multi-clés.
- Gestion des ID first et third party.
Traitements externes de la donnéeConnecteurs avec les principales solutions de Data Qualité et d'enrichissement des données.
Vue client- Vues clients personnalisables.
- Possibilité de créer des vues clients par typologie d'utilisateurs.
Reporting & Analytics- Tableau de bord de suivi général des audiences.
- Le module Tealium Insights permet de créer des reportings de la performance sur mesure.
- Possibilité d'exporter les données Tealium dans un outil de reporting / Business Intelligence tiers.
Segmentation & scoring- Constructeur d'audiences no code.
- Les audiences sont construites par concaténation de plusieurs règles basées sur des attributs et/ou des événements.
- Gestion des opérateurs classiques : ET, OU, ET PAS...
- Compteur pour visualiser en temps réel le nombre d'individus dans une audience ou un segment.
- Une dizaine de modèles prédictifs proposés via Tealium Predict.
Orchestration & activation- La plateforme alimente les outils d'activation par APIs, via les connecteurs ou non.
- Une très large bibliothèque de connecteurs qui facilite l'interconnexion entre Tealium et l'écosystème MarTech du client.
- Possibilité de scénariser les activations.
Stockage & hébergement- Plateforme Full SaaS.
- Serveurs AWS (choix de la région par le client).
- Possibilité de louer un serveur privé.
Projet- Dans la majorité des cas, les projets de déploiement sont pris en charge par des partenaires.
- Les partenaires sont formés et certifiés. Il peut s'agir de cabinets de conseil ou d'intégrateurs.
- Le pricing de la solution est calculé en fonction du volume d'événements ingéré dans la CDP Tealium.
Les Customer Data Platforms ont un fonctionnement qui peut se résumer en 4 étapes :

  1. Connexion (des données)

  2. Unification

  3. Préparation

  4. Activation.


Dans les paragraphes qui suivent, nous allons mettre en relief les spécificités de Tealium AudienceStream CDP pour vous aider à bien comprendre le positionnement de cette solution.

Si vous souhaitez réviser vos connaissances sur le fonctionnement général de cette famille d'outils, nous vous invitons à découvrir nos nombreux articles dédiés aux Customer Data Platforms.

Connexions

Lorsque l’on commence à utiliser Tealium AudienceStream, la première étape consiste à définir les sources de données qui vont venir alimenter la table de données de la plateforme. L’un des premiers écrans auxquels l’utilisateur sera confronté est celui qui présente l’ensemble des sources connectées.

tealium cdp sources de donnees

Vue générale des sources connectées à AudienceStream. Comme le montre le menu « catégories » situé à gauche de l’écran, il est possible d’ingérer tous types de données.

La plateforme gère l’import de fichiers plats format csv posté sur un serveur SFTP ou FTP. Tealium propose aussi un stockage sur un serveur S3 AWS.

tealium cdp parametrage sources

Tealium permet d’importer des données sous forme de fichiers CSV.

Ces différentes approches suivent une logique de “push” : les données en provenance des sources sont poussées dans la CDP.

Mais la plateforme propose également Tealium Connect, qui permet à la plateforme d’aller chercher la donnée dans les sources, suivant donc une logique de “pull”. Ce module, no code, vous permet de définir, pour chaque source, quand est-ce que Tealium doit aller chercher les données, quelles données la CDP doit récupérer, à quelle fréquence, en créant ainsi des workflows sur-mesure.

tealium cdp tealium connect

Tealium Connect (1).

tealium cdp tealium connect 2

Tealium Connect (2).

Un petit mot pour finir de la collecte des données web. Elle est possible, bien entendu, via Tealium IQ. Mais rappelons que l’on peut être client de la CDP Tealium (AudienceStream CDP) sans être client de Tealium IQ et que Tealium se veut un éditeur agnostique. Vous pouvez donc collecter les données web en utilisant un autre système de TMS : Google Tag Management, Adobe Launch…Tealium propose des connecteurs avec les principaux TMS du marché.

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

Fidèle à son ADN, Tealium propose une CDP basée sur une logique d’événements. Les événements et données brutes sont d’abord connectés à la plateforme avant d’être transformés en attributs du modèle de données.

tealium cdp creation attributs

Transformation des événements en attributs du modèle de données.

Le parti pris technique de Tealium est de proposer un modèle de données « à plat », constitué d’une seule table réunissant la liste des attributsLe modèle de données est une unique table des visiteurs utilisant le visitor id comme identifiant principal.

Le fait que toutes les données soient organisées dans une seule et même table facilite la gestion du temps réel qui est, nous l’avons, l’un des axes de différenciation de la plateforme.

Aucun modèle de données n’est imposé. Le modèle de données est construit sur mesure en fonction des événements que l’entreprise souhaite exploiter pour construire ses audiences, segments et scores. 

tealium cdp liste attributs

Liste des attributs.

tealium cdp types donnees

Tealium gère tous types d’attributs.

tealium cdp dataaccess

DataAccess donne accès aux différentes tables de données exploratoires Tealium qui permettent de stocker l’ensemble des événements et données brutes.

3 précisions :

  • Tealium ne propose pas de modèle de données verticaux, sur l’étagère.
  • Le modèle de données qui est utilisé pour gérer les attributs et servir de base à la construction des audiences et segments est une table de production. Ce n’est pas une table d’exploration.
  • Il est possible de stocker l’ensemble des événements et données brutes en dehors de la table de production, dans des tables dédiées indépendantes constituant une sorte de bac à sable. EventDB est la base Tealium qui (peut) stocke(r) l’ensemble des événements, AudienceDB celle qui stocke les attributs. Ces lacs de données sont hébergés sur des serveurs AWS.

Normalisation & Déduplication

Tealium ne propose pas de fonctionnalités no code de nettoyage des données. Il est possible en revanche de procéder à des nettoyages sur mesure en utilisant Node JS.

Tealium ne prend pas en charge nativement la normalisation des adresses emails, téléphones, adresses postales, SIRET… En revanche, la plateforme est en capacité de se connecter à la plupart des solutions de Data Quality du marché.

Tealium permet de créer des clés multiples pour réconcilier (stitcher) les données et événements des visiteurs ou clients : ID client, email, Google ID…La plateforme gère aussi bien les ID first party que les ID third party (en vue des cas d’usage media).

Tealium offre une grande marge de manœuvre dans le paramétrage de ces clés de déduplication. Les différentes clés peuvent être combinées entre elles.

Traitements externes de la Donnée

Comme nous l’avons évoqué plus haut, seule l’utilisation des fonctions Node JS permet de gérer nativement le nettoyage et la normalisation des données qui entrent dans la plateforme. Pour remédier à cette limite, Tealium facilite la connexion aux solutions de Data Quality et d’enrichissement des données.

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

Retour au sommaire

Vue Client

Tealium donne accès à des fiches visiteurs ou clients. Une vue est proposée par défaut, mais il est possible de créer :

  • Des vues clients sur-mesure.
  • Des vues clients par type d’utilisateur (marketing, service client, siège…).

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

Retour au sommaire

Reporting & Analytics

Il est possible de construire des rapports avancés dans Tealium, via le module Data Insights. Les reportings sont alimentés des données (événements et attributs) stockées dans DataAccess. Cela signifie que ce module de reporting n’est utilisable que pour les clients qui choisissent de répliquer les données dans l’environnement de la plateforme Tealium.

tealium cdp data insights

Data Insights permet de construire et de gérer des tableaux de bord.

tealium cdp data insights 2

Un exemple de reporting construit dans Tealium Data Insights.

Cet outil de reporting est relativement complet. Les fonctionnalités de reporting de Tealium sont au-dessus de ce que l’on peut constater en moyenne sur le marché des CDP, même si Data Insights ne peut pas être comparé à une solution de Business Intelligence comme Tableau ou PowerBI.

D’où la deuxième possibilité qui s’offre aux utilisateurs : l’export des données de Tealium dans une base externe (de type data warehouse) connectée à un outil de reporting tiers.

Signalons enfin que Tealium propose un tableau de bord offrant une vue générale sur l’ensemble des audiences :

tealium cdp vue audiences

Vue générale des audiences.

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

Retour au sommaire

Segmentation & Scoring

Les données agrégées dans Tealium et organisées dans le modèle de données sous forme d’attributs sont utilisables pour créer des audiences. Le constructeur d’audiences est l’un des points forts de cette plateforme.

L’éditeur d’audiences no code permet de construire des audiences à partir de la combinaison d’attributs et d’événements. Tealium propose les opérateurs classiques : ET, OU, ET PAS…Ces opérateurs peuvent être combinés entre eux sur plusieurs niveaux, pour créer des audiences très fines.

tealium cdp audience builder

Editeur d’audiences proposé par Tealium.

Il est possible d’utiliser tous les attributs disponibles dans le modèle de données :

tealium cdp selection attributs

La sélection des attributs

Tealium propose également une fonction permettant de “découvrir” des audiences, c’est-à-dire de déterminer le nombre de visiteurs concernés par une règle ou par le croisement de plusieurs règles. C’est très pratique pour qualifier les segments pertinents à créer et activer.

tealium cdp decouverte audience

La zone grise correspond aux visiteurs réunissant les 3 règles / critères.

tealium cdp regles audiences

Les règles peuvent être liées à des attributs ou à des événements.

tealium cdp segments

Les segments peuvent être combinés entre eux pour « découvrir » de nouvelles audiences.

Il est possible de visualiser en temps réel le nombre de profils formant les segments. Ajouton que les segments sont dynamiques, mis à jour en temps réel.

Tealium donne également accès à des modèles prédictifs, via le module Predict. Cette fonctionnalité permet de construire des attributs prédictifs qui peuvent ensuite être intégrés au modèle de données, aux côtés des attributs “classiques”, et utilisés dans la construction des segments.

Le module est 100% no code. Une dizaine de modèles est proposée à date. Précisons qu’il est possible d’importer ses propres modèles de données.

tealium cdp modele predictif

Paramétrage des modèles prédictifs.

tealium cdp modele predictif vue generale

Vue générale d’un modèle prédictif.

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

Retour au sommaire

Orchestration & Activation

Tealium orchestre l’activation des profils et des audiences/segments construits dans la plateforme. La synchronisation avec les outils d’activation est réalisée par flux APIs. Tealium propose de nombreux connecteurs sur l’étagère.

tealium cdp connecteurs destinations

Bibliothèque des connecteurs avec les outils de destination (CRM, marketing automation, publicité, analytics…).

La configuration des connecteurs s’effectue de manière simple. L’envoi de données, profils, audiences aux systèmes tiers peut être scénarisé, conditionné par des déclencheurs paramétrables.

tealium cdp connecteurs destinations configuration 1

Paramétrage des connecteurs avec les destinations (1).

tealium cdp connecteurs destinations configuration 2

Paramétrage des connecteurs avec les destinations (1).

tealium cdp connecteurs destinations configuration 3

Paramétrage des connecteurs avec les destinations (3).

La liste des actions possibles dépend de la nature de l’outil de destination :

tealium cdp connecteurs destinations configuration 4

Paramétrage des connecteurs avec les destinations (4).

L’étape de configuration du connecteur s’achève par la définition des règles de mapping.

tealium cdp connecteurs destinations configuration 5

Paramétrage des connecteurs avec les destinations (5).

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

Retour au sommaire

Stockage & Hébergement

Tealium est une plateforme full SaaS. Les données importées dans Tealium sont stockées sur des serveurs AWS. Tealium offre à ses clients la possibilité d’héberger les données dans un cloud privé.

Les data centers utilisés par Tealium sont répartis aux Etas-Unis, en Europe, en Asie et en Australie.

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

Retour au sommaire

Projet

Tealium propose un accompagnement en service à l’implémentation de la CDP. Toutefois, l’éditeur privilégie une approche “partner 1st”. La grande majorité des projets de déploiement sont pilotés par des partenaires. A date, Tealium collabore avec plusieurs milliers de partenaires à travers le monde : intégrateurs, cabinets de conseil. Des formations et des systèmes de certifications sont en place.

Le pricing de la plateforme est calculé en fonction du volume d’événements entrants. Aucune distinction n’est faite entre les événements CRM et les événements web.

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

Retour au sommaire

Fiche éditeur Tealium

Fiche éditeur Tealium
Chiffre d'affaires - FranceN/A
Chiffre d'affaires - MondeN/A
Nombre d'employés en France30
Nombre d'employés dans le Monde900
Nombre de clients en France20
Nombre de clients dans le Monde1000
Écosystème de partenaires en France (intégrateurs...)Une quinzaine de partenaires en France (cabinets de conseil et intégrateurs).
Support éditeur en français- Support 24x7 en français.
- Customer Success Manager en français.
- Formations en français.
- Documentation en anglais
Possibilité de tester la solution ?Oui. Mise à disposition d'un environnement bac à sable.

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 captchanzgGp = grecaptcha.render( 'captcha-nzgGp', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; var email = ""; jQuery(document).delegate( '#emailnzgGp', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-exit-nzgGp', '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-nzgGp .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-exit-nzgGp .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-nzgGp .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-exit-nzgGp .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-nzgGp .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-nzgGp .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-exit-nzgGp .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-exit-nzgGp .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-nzgGp .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-exit-nzgGp .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-tealium/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchanzgGp); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchanzgGp); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-exit-nzgGp" 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="emailnzgGp" 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-nzgGp"></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-nzgGp" 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 captchaAdwAx = grecaptcha.render( 'captcha-AdwAx', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailAdwAx', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-AdwAx', '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", 25622); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-AdwAx .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-AdwAx .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-AdwAx .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-AdwAx .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-AdwAx .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-AdwAx .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-AdwAx .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-AdwAx .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-AdwAx .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-AdwAx .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-tealium/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaAdwAx); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaAdwAx); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-AdwAx"> <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="emailAdwAx" 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-AdwAx"></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-AdwAx" class="dj_envoyer_inscription" value="xx" type="submit">S'inscrire</button> </div> </form> </div>