Créer une diffusion sur un site web

Une diffusion web est un canal permettant d'intégrer un questionnaire dans un site internet. Elle peut être affichée sous différentes formes : bouton, barre, pop-under, pop-in et inpage.

Une diffusion en iFrame (Inline Frame) est une diffusion URL intégrée manuellement dans un site internet à l’aide d’un élément HTML <iframe> sans interférer avec le code de la page hôte. Le chargement et les interactions sont gérés par l'iframe elle-même. Skeepers ne prend pas en charge les problèmes techniques qui pourraient survenir dans cette configuration car l'intégration n'est pas gérée par la plateforme.

Une condition de déclenchement est un critère spécifique qui doit être respecté pour déclencher un événement. Dans ce contexte, l'événement en question correspond à l'affichage du questionnaire sur un site web. Une condition peut être basée sur une date, une plateforme, une valeur spécifique ou un événement configuré en amont dans la diffusion.

Une sollicitation correspond à un affichage de questionnaire intégré dans un site web (pop-in, bouton, barre ou pop-under).

Une intention de sortie est une condition de déclenchement d'une diffusion web qui détecte lorsque le visiteur déplace sa souris vers la zone des onglets du navigateur, ce qui est interprété comme une indication qu'il s'apprête à quitter la page ou fermer l'onglet.

Un domaine est une adresse unique utilisée pour identifier un site web sur Internet. Il fait partie intégrante d'un URL et est composé de deux parties : le nom de domaine et l'extension de domaine -".com", ".fr", etc.- (en savoir plus sur les domaines).

Un chemin URL correspond à la partie de l'URL située après le nom de domaine et qui indique l'emplacement d'une page spécifique au sein d'un site, en fonction de la structure hiérarchique de celui-ci. Il exclut les paramètres et ancres qui le suivent.

Un tag de déclenchement est un script (Javascript) à implanter dans un site web ou un gestionnaire de tag pour afficher un questionnaire en ligne. Lorsque le tag est intégré et activé, il s'assure que les conditions de déclenchement sont remplies, collecte des données et charge le questionnaire sur la page (en savoir plus sur l'intégration d'un tag de déclenchement).

Une SPA (Single Page Application) est un type de site internet où le contenu d'une page web est mis à jour dynamiquement sans rechargement complet de celle-ci. Contrairement aux pages traditionnelles (Multi-Page Application ou MPA), où un simple rechargement déclencherait le script, une SPA nécessite une gestion plus avancée des événements pour s'assurer que le questionnaire s'affiche correctement lorsque les conditions sont remplies.

La Console est un outil intégré aux navigateurs web qui permet d'exécuter des commandes pour tester des scripts, vérifier la collecte des données et afficher les erreurs.

Une commande est une instruction saisie dans la Console pour interagir en temps réel avec la page web affichée. Elle permet d'exécuter diverses actions, telles que la vérification du code JavaScript, l'inspection des éléments de la page ou le débogage du script.

Le CSS (Cascading Style Sheets) est un langage de programmation utlisé dans la plateforme pour personnaliser l'aspect graphique d'un questionnaire ou d'une diffusion web (couleur, police, alignement, taille, etc.). Tandis que le HTML gère la structure d'une page web, le CSS en contrôle l'apparence graphique. Cependant, des conflits peuvent survenir lorsque les règles CSS appliquées sont contradictoires ou redondantes avec la structure HTML d'un site web. Cela peut entraîner des comportements inattendus dans l'affichage des éléments de la page (en savoir plus sur la personnalisation avancée par CSS).

Le DOM (Document Object Model) est une interface qui structure le contenu HTML d'une page web de manière hiérarchique, où chaque élément (balises, texte, etc.) est identifié. Grâce à cette organisation, le tag de déclenchement peut manipuler dynamiquement le contenu de la page, et ce, en temps réel, sans recharger la page, afin d'intégrer directement le questionnaire.

La Content Security Policy (CSP) est une mesure de sécurité qui limite les ressources pouvant être chargées sur une page web (scripts, images, styles, etc.). Elle spécifie les sources de contenu (internes et externes) autorisées. Si une source non autorisée est détectée, le navigateur bloque automatiquement son chargement (en savoir plus sur le CSP).

La condition Attribut permet de définir des règles de déclenchement de votre questionnaire, basées sur la valeur d'un attribut présent dans le datalayer de votre site web.

Vous pouvez choisir l’attribut sur lequel vous souhaitez baser la diffusion et la condition de déclenchement (“égal à”, “différent de”, “ne contient pas”...).

Diffuser aux visiteurs dont la date d'anniversaire est ultérieure au 15 mai 2019.

En utilisant la condition attribut plutôt que Variable du site web, vous bénéficiez de fonctionnalités de ciblage avancées pour les formats : date, heure et numérique.

Exemples d'usage :

• Diffusez un questionnaire à vos clients de plus de 18 ans

• Déclenchez une courte enquête si le montant du panier est nul après 10 min de navigation, avec une offre promotionnelle à la clé

Deux modes de tirage sont disponibles :

• le tirage par visite : Le tirage est réalisé une seule fois pour la même session d'un visiteur.

• le tirage par page : Le tirage est réalisé à chaque page vue par le visiteur.

Vous pouvez exprimer la probabilité du tirage en volume ou en pourcentage. Une probabilité exprimée en pourcentage de "50%" est équivalente à une probabilité exprimée en volume de "1 pour 2".

Diffuser à 1 visiteur sur 2 naviguant sur mon site.

Diffuser 1 fois sur 2 par page vue.

Définissez une période pendant ou en dehors de laquelle vous souhaitez diffuser votre campagne.

La période peut être définie selon deux modes :

• Le mode Date : Diffuser pendant ou en dehors d'une période définie par une date de début et de fin.

• Le mode Heure : Diffuser pendant ou en dehors d'un créneau horaire défini par une heure de début et de fin.

Diffuser à partir du 14 juin 2024 jusqu'au 14 juin 2025 11h.

Ne pas diffuser de minuit à 7h30.

Deux modes sont disponibles :

• Le mode "URL" : restreint la diffusion au trafic en provenance d'une page tierce spécifique.
  Attention, l'intégralité de l'URL de la page de provenance du visiteur est analysée (protocole, domaine, chemin, paramètres). Les ancres ne sont pas analysées.

• Le mode "Domaine" : restreint la diffusion au trafic en provenance de n'importe quelle page d'un site web tiers spécifique. Seul le nom de domaine de la page de provenance est analysé : http://sous-domaine.mondomaine.extension/chemin?param

Les opérateurs de comparaison disponibles vous permettent de construire des règles plus complexes. Par exemple, avec "contient", vous pouvez restreindre le trafic en provenance d’un chemin spécifique d’un site web.

Diffuser à tous les visiteurs en provenance du site skeepers.io

Diffuser à tous les visiteurs en provenance des pages ressources en français du site skeepers.io

Deux portées sont disponibles : session en cours et historique de navigation.

Lorsque vous choisissez “Session en cours”, deux modes s’offrent à vous :

• Le mode "Site web" : diffuser uniquement à un visiteur ayant parcouru un nombre minimum de pages sur votre site web.

• Le mode "Page" : diffuser uniquement à un visiteur ayant parcouru un nombre minimum de pages avec un chemin d'URL spécifique. Seul le chemin est analysé. Ex : http://sous-domaine.mondomaine.extension/chemin?param

Diffuser à tous les visiteurs ayant visité au moins 3 pages sur mon site.

Diffuser à tous les visiteurs ayant visité au moins 2 pages du blog français.

Si vous choisissez la portée “historique de navigation” précisez la période (30 jours max).

Deux modes s’offrent à vous :

• Mode "Site web" : diffuser à un visiteur ayant parcouru un nombre minimum de pages sur cette période.

• Mode "Page" : diffuser à un visiteur ayant parcouru un nombre minimum de pages avec un chemin d'URL spécifique. Vous pouvez aussi utiliser des propriétés de pages (pageProperties).

Diffuser à tous les visiteurs ayant visité au moins 3 pages sur mon site dans les 7 derniers jours

Diffuser à tous les visiteurs ayant visité au moins 3 pages présentant les abonnements sur ces 7 derniers jours.

Trois types sont disponibles : PC, Tablette ou Mobile.
Le type de plateforme est calculé à partir des informations du navigateur (user-agent).

Diffuser à tous les visiteurs naviguant sur mon site depuis une tablette ou un mobile.

Paramétrez le déclenchement de votre diffusion en vous basant sur le nombre de visites de votre site d’un utilisateur.

Choisissez la période (30 jours max), la condition (“égal à”, “différent de”, etc.) et définissez le nombre de visites.

Diffuser à tous les visiteurs ayant visité votre site 4 fois sur les 30 derniers jours

Vous pouvez exprimer le temps passé en secondes ou en minutes.

Diffuser au bout de 10 secondes passées sur une page de mon site web.

Diffuser aux visiteurs ayant passé plus d'une minute sur mon site web.

Ciblez vos visiteurs ayant déjà été sollicités ou n'ayant jamais été sollicités par une campagne ou une diffusion depuis un certain nombre de jours.

Diffuser aux visiteurs n'ayant jamais été sollicités par la diffusion nommée "test" durant les 30 derniers jours.

Spécifiez le chemin d'URL de la page sur laquelle vous souhaitez diffuser.
Attention, seul le chemin de l'URL est analysé : http://sous-domaine.mondomaine.extension/chemin?param

Le protocole, le domaine, les paramètres ainsi que les ancres sont ignorés. Vous pouvez utiliser les opérateurs de comparaisons disponibles pour définir des règles complexes. Par exemple, en utilisant l'opérateur "contient", vous pouvez cibler toutes les pages d'un sous répertoire de votre site web.

Vous pouvez noter qu'il n'y a pas de "/" à la fin de l'url dans la capture d'écran ci-dessous. 

Diffuser aux visiteurs présents sur la page "fonctionnalités" de mon site web.

Diffuser aux visiteurs qui parcourent n'importe quelle page de mon site web qui n'est pas une page du blog français.

Un événement est une action que fait un visiteur sur un élément spécifique dans la page d'un site web (clic, focus ou survol). Il ne doit pas être confondu avec un événement de navigateur qui correspond plutôt à une action dans le fonctionnement du navigateur (chargement, défilement, intention de sortie ou inactivité).

Sélectionnez le type d'évènement attendu et le ou les éléments de votre site web sur le(s)quel(s) il doit se produire pour diffuser.

Utiliser les expressions de sélection CSS 3 pour désigner les éléments de votre site web : Sélecteur CSS 3

5 évènements sont disponibles :

• Le clic : Cet évènement est envoyé lorsque le bouton de la souris est appuyé et relâché sur un élément.

• Le survol : Cet évènement est envoyé lorsque la souris est déplacée sur l'élément.

• Le survol sortant : Cet évènement est envoyé lorsque la souris est déplacée hors de l'élément.

• Le focus : Cet évènement est envoyé sur un élément lorsque celui-ci obtient le focus.

• Le focus sortant : Cet évènement est envoyé sur un élément lorsque celui-ci perd le focus.

L'événement de focus est envoyé à un élément lorsqu'il est sélectionné. Cet événement est applicable à un ensemble limité d'éléments, tels que des éléments de formulaire (, , etc.) et des liens (). Un élément peut se focaliser via les commandes du clavier, telles que la touche Tab, ou par des clics de souris sur l'élément. Les éléments focussés sont habituellement mis en surbrillance par le navigateur, par exemple avec une ligne en pointillés entourant l'élément.

Diffuser aux visiteurs qui survolent avec leur souris l'élément de mon site web dont l'ID HTML est "footer".

Un événement de navigateur est une action que fait un visiteur ou un état spécifique dans sa fenêtre de navigateur (chargement, défilement, intention de sortie ou inactivité). Il ne doit pas être confondu avec un événement qui correspond plutôt à une action sur un élément spécifique d'une page web (clic, focus ou survol).

4 évènements sont disponibles :

• Le chargement de la page : Diffuser au chargement de la page en cours.

• Le scroll : Diffuser lorsque le visiteur scroll au milieu de la page en cours.

• L'intention de sortie : Diffuser lorsque le visiteur réalise un mouvement de souris partant d'un élément du site vers la zone d'onglets.

• L'inactivité : Diffuser lorsque le visiteur est inactif pendant un certain temps. Vous pouvez exprimer le temps d'inactivité en secondes ou en minutes. L'inactivité correspond au fait qu'il n'y ait aucun mouvement ou clic de la souris, ni de scroll, sur la page en cours, de la part du visiteur.

Diffuser aux visiteurs qui scrollent au milieu de la page en cours.

Diffuser aux visiteurs qui déplacent leur souris en dehors de mon site web (intention de sortie).

Utilisez les variables transmises via le tag Javascript Skeepers, installé sur votre site web, pour diffuser uniquement à certains visiteurs (en savoir plus : tag de déclenchement).
 Attention, seules les variables définies dans le tag sont analysées.

Diffuser aux visiteurs pour lesquels la valeur de la variable "type_client" est égale à "premium" et celle de la variable "montant_commande" est égal à 100.

La condition des indicateurs se base sur l'atteinte d'un seuil défini dans l'un des indicateurs créés dans la Bibliothèque de votre compte Skeepers. Cette condition permet de déclencher une diffusion web lorsque certains critères quantitatifs sont atteints, ce qui peut être crucial pour mesurer et optimiser l'engagement utilisateur ou d'autres objectifs spécifiques.

Ouvre une fenêtre contenant la Campagne dans votre fenêtre actuelle au-dessus de votre navigation.

Un bouton sur la partie gauche qui ouvre votre Campagne au clic sur celui-ci.

Un bouton sur la partie droite qui ouvre votre Campagne au clic sur celui-ci.

Une barre sur la partie supérieure, qui inclue un bouton pour ouvrir votre Campagne.

Une barre sur la partie inférieure, qui inclue un bouton pour ouvrir votre Campagne.

Ouvre d'abord une popin invitant vos visiteurs à répondre à votre questionnaire à la fin de leur navigation sur votre site. Au moment venu, les visiteurs ayant accepté de répondre verront alors une nouvelle fenêtre s'ouvrir avec votre Campagne.

Un bouton sur la partie inférieure qui ouvre votre Campagne au clic sur celui-ci.

C'est un nouveau format de popin idéal pour interpeller vos visiteurs avant l’arrivée sur votre questionnaire. Elle vous permet de créer une sollicitation parfaitement intégrée à votre charte graphique (vous pouvez personnaliser les couleurs des polices, boutons, titres et l'image de fond).