<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des ⏺️ Omnicanal - st9ph.fr</title>
	<atom:link href="https://st9ph.fr/category/concepts/omnicanal/feed/" rel="self" type="application/rss+xml" />
	<link>https://st9ph.fr/category/concepts/omnicanal/</link>
	<description>la boite à outils numériques</description>
	<lastBuildDate>Mon, 04 May 2026 15:01:30 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://st9ph.fr/wp-content/uploads/2026/02/cropped-ico-fav-32x32.png</url>
	<title>Archives des ⏺️ Omnicanal - st9ph.fr</title>
	<link>https://st9ph.fr/category/concepts/omnicanal/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">199087513</site>	<item>
		<title>⏺️Omnicanal &#124; Donner des sens au digital</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Mon, 04 May 2026 12:12:54 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[boutique magique]]></category>
		<category><![CDATA[la vitrine digitale]]></category>
		<category><![CDATA[sens du digital]]></category>
		<category><![CDATA[sonoriser la eshop]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=36808</guid>

					<description><![CDATA[<p>Ce n&#8217;est pas pour rien que même les pure players finissent par ouvrir des Surfaces de Ventes Physiques (SVP), tellement l&#8217;expérience sensorielle qu&#8217;elle permet est difficilement transposable à la boutique en ligne. Toucher un vêtement , le revêtir pour voir s&#8217;il est fait pour soi et si l&#8217;on est bien dedans, gouter un aliment 🍕à ... <a title="⏺️Omnicanal &#124; Donner des sens au digital" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Donner des sens au digital">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/">⏺️Omnicanal | Donner des sens au digital</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/05/voicertool_audio_Eloise_04-05-2026_at_14_05_44_on_May_4th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<p>Ce n&#8217;est pas pour rien que même les <strong>pure players</strong> finissent par ouvrir des <strong>Surfaces de Ventes Physiques</strong> (SVP), tellement <strong>l&#8217;expérience sensorielle </strong>qu&#8217;elle permet est difficilement transposable à la boutique en ligne.</p>



<p class="has-base-2-background-color has-background">Toucher un vêtement , le revêtir pour voir s&#8217;il est fait pour soi et si l&#8217;on est bien dedans, gouter un aliment 🍕à l&#8217;étale d&#8217;un marchand, sentir un parfum 🧴, visualiser l&#8217;encombrement d&#8217;un meuble 🪑, apprécier le rendu audio 🎶 d&#8217;une enceinte acoustique, tout cela est l&#8217;apanage des SVP. </p>



<p>Mais, pourtant, il existe <strong>des substituts</strong> en ligne, pas toujours, mais souvent ! On verra aussi qu&#8217;à l&#8217;inverse, la eshop permet parfois de mieux détecter les envies et, donc, de mieux cibler !</p>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0fddad9e35d32bc1229863b77479649d">Ce sera donc aussi à l&#8217;intérieur de la SVP qu&#8217;on recherchera à augmenter l&#8217;expérience grâce au digital.</p>



<p class="has-medium-font-size"> C&#8217;est l&#8217;objet de cet article.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-0212de74-4fcb-477f-b6ba-341e5eb8fd46">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-0212de74-4fcb-477f-b6ba-341e5eb8fd46-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-b6a963f7-7415-43eb-96a3-04c3e03a1511">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-4"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-b6a963f7-7415-43eb-96a3-04c3e03a1511-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-88c53fa1-ee41-4d00-a605-b9bca99d254e">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-88c53fa1-ee41-4d00-a605-b9bca99d254e-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" width="51" height="53" src="https://st9ph.fr/wp-content/uploads/2025/12/image-153.png" alt="" class="wp-image-33778" style="width:33px;height:auto"/></figure>



<p class="has-small-font-size">v<em>oyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie </em></p>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">22–33 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">5 178 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-05-04T17:01:30+02:00">4 mai  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-a4e97b32      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Plan de l&#8217;article :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#la-vue" class="uagb-toc-link__trigger">La Vue</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#11-attirer-le-regard" class="uagb-toc-link__trigger">🔹1.1 |Attirer le regard</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#12-mieux-montrer-et-mieux-savoir-ce-qui-est-vu" class="uagb-toc-link__trigger">🔹1.2 |Mieux montrer et mieux savoir ce qui est vu</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#robe-dété-rose" class="uagb-toc-link__trigger">Robe d&#039;été Rose</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#laudition" class="uagb-toc-link__trigger">L&#039;audition</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-faire-écouter-vos-produits" class="uagb-toc-link__trigger">🔹2.1 |Faire écouter vos produits</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#nos-ebooks-sécoutent-aussi" class="uagb-toc-link__trigger">🎧 Nos Ebooks s&#039;écoutent aussi !</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#lart-subtil-de-sen-foutre" class="uagb-toc-link__trigger">L&#039;art Subtil De S&#039;En Foutre</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-sonoriser-pour-créer-lambiance" class="uagb-toc-link__trigger">🔹2.2 |Sonoriser pour créer l&#039;ambiance</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#le-toucher" class="uagb-toc-link__trigger">Le toucher</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#choisir-la-couleur" class="uagb-toc-link__trigger">Choisir la couleur</a></li></ul></li></ul></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#lodorat-et-le-gout" class="uagb-toc-link__trigger">L&#039;odorat et le gout</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<p>👇🏻 Ci-dessous, l&#8217;<strong>expérience d&#8217;achat rêvée</strong> de Lucie avec zéro contrainte et une furieuse envie de vacances :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Boutique Magique" width="900" height="506" src="https://www.youtube.com/embed/_Ru2XULD_7Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="has-medium-font-size">🛒 Un beau panier virtuel au final :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="269" height="303" src="https://st9ph.fr/wp-content/uploads/2026/04/roberose.jpg" alt="" class="wp-image-36816" srcset="https://st9ph.fr/wp-content/uploads/2026/04/roberose.jpg 269w, https://st9ph.fr/wp-content/uploads/2026/04/roberose-266x300.jpg 266w" sizes="auto, (max-width: 269px) 100vw, 269px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="265" height="304" src="https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee.jpg" alt="" class="wp-image-36817" srcset="https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/jupeplissee-262x300.jpg 262w" sizes="auto, (max-width: 265px) 100vw, 265px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="265" height="306" src="https://st9ph.fr/wp-content/uploads/2026/04/chapeau.jpg" alt="" class="wp-image-36818" srcset="https://st9ph.fr/wp-content/uploads/2026/04/chapeau.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/chapeau-260x300.jpg 260w" sizes="auto, (max-width: 265px) 100vw, 265px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="268" height="300" src="https://st9ph.fr/wp-content/uploads/2026/04/chemisier-raye.jpg" alt="" class="wp-image-36857"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="924" height="1048" src="https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig.jpg" alt="" class="wp-image-36823" srcset="https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig.jpg 924w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-265x300.jpg 265w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-903x1024.jpg 903w, https://st9ph.fr/wp-content/uploads/2026/04/robecachecoeur_corrig-768x871.jpg 768w" sizes="auto, (max-width: 924px) 100vw, 924px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="270" height="307" src="https://st9ph.fr/wp-content/uploads/2026/04/gilet.jpg" alt="" class="wp-image-36820" srcset="https://st9ph.fr/wp-content/uploads/2026/04/gilet.jpg 270w, https://st9ph.fr/wp-content/uploads/2026/04/gilet-264x300.jpg 264w" sizes="auto, (max-width: 270px) 100vw, 270px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="294" height="293" src="https://st9ph.fr/wp-content/uploads/2026/04/polobleu.jpg" alt="" class="wp-image-36821" srcset="https://st9ph.fr/wp-content/uploads/2026/04/polobleu.jpg 294w, https://st9ph.fr/wp-content/uploads/2026/04/polobleu-150x150.jpg 150w" sizes="auto, (max-width: 294px) 100vw, 294px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="296" height="301" src="https://st9ph.fr/wp-content/uploads/2026/04/maillotbainjaune.jpg" alt="" class="wp-image-36822"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">💶 <strong>242,92 € </strong>en ⏱️ <strong>1&#8217;30 </strong>chrono et 8 articles ! </p>



<p class="has-text-align-center has-contrast-3-background-color has-background has-medium-font-size">Qui dit mieux ?</p>
</div>
</div>



<p>c&#8217;est typiquement <strong>ce que voudrait proposer la eshop</strong> :</p>



<ul class="wp-block-list">
<li><strong>Pas d&#8217;essayage</strong></li>



<li><strong>pas de temps perdu</strong> à se rendre au magasin, à attendre en caisse, à arpenter les rayons</li>



<li>Vaquer à ses occupations en un claquement de doigt une fois ses achats effectués, <strong>un temps optimisé</strong></li>
</ul>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-369ab3e8db4a5792bb8c7e86e9d48f6e">🤔 Et pourtant, ce sont bien l&#8217;ambiance de la SVP, la déambulation et l&#8217;opportunité au hasard des découvertes qui l&#8217;intéressait !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/04/5sens-vue.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">1</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>La Vue</h2>
</div>
<ul class="chapter-points"><li>Attirer le regard</li><li>mieux montrer</li><li>mieux savoir ce qui est vu</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>C&#8217;est <strong>le 1er des sens</strong> hormis pour la musique, l&#8217;alimentaire et le parfum : <strong>le stimulus visuel est dominant </strong>pour le Retail en B2C. Ca tombe bien, parce que <strong>c&#8217;est le plus facile à digitaliser</strong> !</p>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Attirer le regard</strong></h3>



<p>La vitrine ci-dessous met en contraste l&#8217;étal historique sur mannequin de plâtre et  l&#8217;écran LCD de présentation qui donne de la vie au produit. 👇🏻</p>



<figure class="wp-block-video"><video height="534" style="aspect-ratio: 1010 / 534;" width="1010" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/04/vitrine-boucle.mp4" playsinline></video></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Vos canaux digitaux vous permettront de vous affranchir d&#8217;attendre qu&#8217;un prospect passe devant votre vitrine.🚶🏻‍♂️‍➡️</p>



<p class="callout rouge">Utilisez <strong>les réseaux sociaux </strong>où vous êtes sur(e) de trouver votre buyer persona ou, comme sur l&#8217;illustration ci-dessous, si vous avez la chance de pouvoir être <strong>mis(e) en lumière par un influenceur </strong>&#8230; c&#8217;est le jackpot s&#8217;il peut <strong>vous faire rayonner </strong>sur sa propre audience.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="580" src="https://st9ph.fr/wp-content/uploads/2026/04/image-1024x580.jpeg" alt="" class="wp-image-36849" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-1024x580.jpeg 1024w, https://st9ph.fr/wp-content/uploads/2026/04/image-300x170.jpeg 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-768x435.jpeg 768w, https://st9ph.fr/wp-content/uploads/2026/04/image.jpeg 1356w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Notre collection portée par une actrice célèbre vaudra la curiosité de ses fans qui voudront l&#8217;imiter.</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-video"><video height="792" style="aspect-ratio: 352 / 792;" width="352" controls src="https://st9ph.fr/wp-content/uploads/2026/04/insta-roberose_final2.mp4"></video></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Mieux montrer</strong> <strong>et mieux savoir ce qui est vu</strong></h3>



<p>⏸️ Son premier arrêt dans le rayon où elle va faire son premier choix pour cette robe rose est invisible en SVP et passera donc inaperçu.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="400" src="https://st9ph.fr/wp-content/uploads/2026/04/image-4-1024x400.png" alt="" class="wp-image-36811" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-4-1024x400.png 1024w, https://st9ph.fr/wp-content/uploads/2026/04/image-4-300x117.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-4-768x300.png 768w, https://st9ph.fr/wp-content/uploads/2026/04/image-4.png 1137w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:450px">
<p>En Eshop, on aurait pu i<strong>dentifier son historique de navigation </strong>grâce aux 🍪cookies et étudier avec précisions <strong>sur quels produits elle s&#8217;est focalisée</strong> afin d&#8217;étudier ses gouts et ses freins.</p>



<p class="callout rouge">L&#8217;attrait de la robe sur laquelle elle va s&#8217;arrêter semble évident : elle occupe <strong>la moitié de la penderie, bien aérée,</strong> contrairement aux chemises et T-shirts qui sont alignés serrés et tous différents</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:210px"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="192" height="269" src="https://st9ph.fr/wp-content/uploads/2026/04/cemise-carro-rose.jpg" alt="" class="wp-image-36825"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:210px"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="197" height="267" src="https://st9ph.fr/wp-content/uploads/2026/04/tshirt-raye-rose.jpg" alt="" class="wp-image-36826"/></figure>
</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="522" style="aspect-ratio: 930 / 522;" width="930" controls muted src="https://st9ph.fr/wp-content/uploads/2026/04/beacons.mp4"></video></figure>



<p class="has-small-font-size">on utilise surtout les beacons pour la gestion de stock et pour le passage en caisse sans scan, comme veut le montrer la petite animation ci-dessus</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout vert">On pourrait certes <strong>utiliser les Beacons</strong>, ces <strong>petites puces électroniques</strong> qu&#8217;on place dans les étiquettes de produit.</p>



<p class="callout rouge">Mais <strong>même en observant qu&#8217;ils ont été bougés</strong>, , ce sera souvent parce qu<strong>&#8216;on les aura poussés </strong>pour mieux voir un autre produit à côté d&#8217;eux.</p>
</div>
</div>



<p>➡️ L&#8217;idéal serait <strong>une application de &#8220;pay and go&#8221; </strong>(panier directement sur le smartphone) qui éviterait le passage en caisse et permettrait de<strong> savoir quels produits elle a scannés </strong>(même sans les ajouter au panier) et quels sont ceux qui sont restés invisibles. :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/04/parcours-svp-lucie-1024x418.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>➡️ De manière globale, cela permettrait de <strong>tracer le parcours de tous nos clients</strong>, voire même de <strong>filtrer sur une cohorte particulière</strong>, de connaitre <strong>les temps de fréquentation</strong>, <strong>les arrêts privilégiés</strong> et d&#8217;<strong>adapter le rayonnage</strong> en conséquence :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/04/image-8.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-medium-font-size">👉🏻 La <strong>difficulté d&#8217;agencement</strong> des rayons disparait en Eshop : </p>



<p><strong>les filtres </strong>permettent de réagencer à loisir mais la contrepartie est qu&#8217;il faudra trouver une autre technique que <strong>la surreprésentation</strong> pour notre robe que celle de lui consacrer <strong>un demi présentoir</strong>.</p>



<p>➡️ On peut aisément mettre en valeur un produit par le biais d<strong>&#8216;un encart de publicité interne</strong> :</p>



<figure class="wp-block-video"><video height="526" style="aspect-ratio: 1046 / 526;" width="1046" controls src="https://st9ph.fr/wp-content/uploads/2026/04/pub-robe-rose.mp4"></video></figure>



<p>➡️Ce peut être encore <strong>un panneau dans le carrousel </strong>:</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="361" src="https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-1024x361.png" alt="" class="wp-image-36830" srcset="https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-1024x361.png 1024w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-300x106.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-768x271.png 768w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-1536x542.png 1536w, https://st9ph.fr/wp-content/uploads/2026/04/carrou-robe-rose-2048x723.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://boutiq.st9ph.fr/35-robe-d-ete-rose.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://boutiq.st9ph.fr/78-product_main/robe-d-ete-rose.jpg" alt="Robe d'été Rose" class="ps-product-image">
<div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
</div>
<div class="ps-product-rating">
<span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
</div>
</div>
<div class="ps-product-content">
<h3 class="ps-product-name">Robe d&#8217;été Rose</h3>
<div class="ps-product-price">29,90 €</div>
<div class="ps-product-btn">
Voir dans la boutique
<svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
</div>
</div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur <strong>la fiche produit </strong>que j&#8217;en ai fait sur la boutique démo (cliquez sur le bouton bleu pour la voir), <strong>le carrousel de visuels </strong>très riche est complété par <strong>la vidéo </strong>ci-dessous qui vaut tous les discours.👇🏻</p>



<figure class="wp-block-video"><video controls src="https://boutiq.st9ph.fr/img/cms/robe-rose-demo.mp4"></video></figure>



<p class="has-base-2-background-color has-background">Chacune pourra <strong>se projeter in situ </strong>et <strong>s&#8217;envisager dans cette robe </strong>bien mieux que par un argumentaire commercial que j&#8217;ai fait minimaliste.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/04/5sens-audition.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">2</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>L&#8217;audition</h2>
</div>
<ul class="chapter-points"><li>Faire écouter vos produits</li><li>Sonoriser pour créer l&#8217;ambiance</li><li>diffuser des messages audio</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p class="has-base-2-background-color has-background">Si ce sens se prête particulièrement bien <strong>aux contenus audio</strong> comme la musique, on peut l&#8217;utiliser dans bien des domaines pour <strong>mettre en valeur des produits </strong>(décrire) <strong>ou des rayons</strong> (ambiancer)</p>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/04/pub-cashback.mp3"></audio><figcaption class="wp-element-caption"><em>pub sur le cashback de <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique</a></em></figcaption></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Faire écouter vos produits</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout bleu">Dans <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">l</a><a href="https://shop.st9ph.fr/presta/fr/10-ebooks" target="_blank" rel="noreferrer noopener">a boutique pédagogique</a>, <strong>les livres numériques </strong>(ebooks) sont <strong>accompagnés d&#8217;extraits audio</strong> afin de donner envie de connaitre la suite.</p>



<p class="has-text-align-right has-small-font-size">un exemple en cliquant ici 👉🏻</p>



<p class="callout vert">✅ Ce type de contrôle, <strong>en complément d&#8217;un extrait </strong><img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt=""><strong>PDF</strong> (1ères pages) se prête particulièrement bien aux <strong>mobinautes.</strong></p>



<p>👉🏻 Cela peut constituer <strong>un magnet </strong>vers vos produits<strong> en les différenciant des autres </strong>(valeur ajoutée) :</p>



<style>
.audio-p49x5j-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; backdrop-filter: blur(2px); }
.audio-p49x5j-content { background: #fff; width: 90%; max-width: 700px; display: flex; flex-direction: row; position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); animation: slideDownaudio-p49x5j 0.3s ease-out; }
@keyframes slideDownaudio-p49x5j { from { transform: translateY(-20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.audio-p49x5j-left { flex: 1; background: #f4f4f4; min-width: 250px; display: flex; align-items: center; justify-content: center; }
.audio-p49x5j-left img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 300px; }
.audio-p49x5j-right { flex: 1.5; padding: 30px; display: flex; flex-direction: column; justify-content: center; text-align: left; }
.audio-p49x5j-close { position: absolute; top: 10px; right: 15px; font-size: 28px; font-weight: bold; color: #aaa; cursor: pointer; line-height: 20px; z-index: 10; transition: color 0.2s; }
.audio-p49x5j-close:hover { color: #333; }
.audio-p49x5j-title { margin-top: 0; margin-bottom: 15px; font-size: 24px; color: #333; font-weight: 700; line-height: 1.2; }
.audio-p49x5j-text { font-size: 16px; color: #555; margin-bottom: 25px; line-height: 1.6; }
.audio-p49x5j-btn { background: #1E73BE; color: white; text-decoration: none; padding: 12px 25px; border-radius: 5px; font-weight: bold; font-size: 16px; display: inline-block; text-align: center; transition: background 0.2s, transform 0.2s; align-self: flex-start; border: none; cursor: pointer; }
.audio-p49x5j-btn:hover { background: #155a96; transform: translateY(-2px); color: white; }
.audio-p49x5j-trigger { background: #1E73BE; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: bold; display: inline-block; cursor: pointer; border: none; font-family: sans-serif; transition: background 0.2s; }
.audio-p49x5j-trigger:hover { background: #155a96; }
@media (max-width: 768px) { .audio-p49x5j-content { flex-direction: column; max-height: 90vh; overflow-y: auto; } .audio-p49x5j-left { min-width: 100%; min-height: 200px; flex: none; } .audio-p49x5j-right { padding: 20px; } .audio-p49x5j-btn { width: 100%; box-sizing: border-box; } }
</style>
<!-- DÉBUT POP-UP TEASER AUDIO -->
<div id="audio-p49x5j-modal" class="audio-p49x5j-overlay">
    <div class="audio-p49x5j-content">
        <span class="audio-p49x5j-close" onclick="document.getElementById('audio-p49x5j-modal').style.display='none'">&times;</span>
        <div class="audio-p49x5j-left"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/03/image-42.png" alt="Extrait Audio"></div>
        <div class="audio-p49x5j-right">
            <h2 class="audio-p49x5j-title">🎧 Nos Ebooks s&#8217;écoutent aussi !</h2>
            <p class="audio-p49x5j-text">Faites plus facilement votre choix dans nos ebooks en écoutant l&#8217;extrait dans le lecteur de la fiche produit</p>
            <a href="https://shop.st9ph.fr/presta/fr/accueil/46-cyrano-de-bergerac.html" target="_blank" class="audio-p49x5j-btn">Essayer avec Cyrano</a>
        </div>
    </div>
</div>
<div style="text-align:center; margin: 20px 0;">
    <button onclick="document.getElementById('audio-p49x5j-modal').style.display='flex'" class="audio-p49x5j-trigger">👀 exemple avec ce pop-up</button>
</div>
<script>
window.onclick = function(event) {
    var modal = document.getElementById('audio-p49x5j-modal');
    if (event.target == modal) { modal.style.display = "none"; }
}
</script>
<!-- FIN POP-UP TEASER AUDIO -->



<p class="has-text-align-center has-base-2-background-color has-background">Certains <strong>visiteurs en mobilité </strong>apprécieront de pouvoir<strong> se passer de regarder leur écran</strong> ponctuellement. C&#8217;est ce qui fait aussi <strong>le succès des podcasts.</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.ps-product-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 4px; width: 100%; max-width: 300px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; transition: box-shadow 0.3s ease; position: relative; overflow: hidden; text-decoration: none; color: inherit; display: block; }
.ps-product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.ps-product-image-wrapper { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f5f5f5; }
.ps-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.ps-product-card:hover .ps-product-image { transform: scale(1.05); }
.ps-wishlist-icon { position: absolute; top: 10px; right: 10px; background: rgba(255, 255, 255, 0.8); width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; z-index: 2; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.ps-wishlist-icon svg { width: 20px; height: 20px; fill: #7a7a7a; transition: fill 0.2s; }
.ps-wishlist-icon:hover { background: #fff; transform: scale(1.1); }
.ps-wishlist-icon:hover svg { fill: #ff4848; }
.ps-product-rating { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 2px; z-index: 2; background: rgba(0,0,0,0.4); padding: 4px 8px; border-radius: 20px; }
.ps-star { color: #ffd700; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ps-product-content { padding: 15px; text-align: center; background: #fff; }
.ps-product-name { font-size: 15px; color: #333; margin: 0 0 10px 0; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.ps-product-price { font-size: 18px; font-weight: 700; color: #25B9D7; margin: 0 0 15px 0; }
.ps-product-btn { background-color: #25B9D7; color: #fff; border: none; padding: 10px 15px; border-radius: 4px; font-size: 13px; font-weight: 600; text-transform: uppercase; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.2s; text-decoration: none; box-sizing: border-box; }
.ps-product-btn:hover { background-color: #1fa3c0; color: #fff; }
.ps-product-btn svg { width: 16px; height: 16px; fill: currentColor; }
@media (max-width: 768px) { .ps-product-card { max-width: 100%; } }
</style>
<!-- DÉBUT VIGNETTE PRODUIT -->
<a href="https://shop.st9ph.fr/presta/fr/accueil/48-l-art-subtil-de-s-en-foutre.html" target="_blank" class="ps-product-card">
<div class="ps-product-image-wrapper">
<img decoding="async" src="https://shop.st9ph.fr/presta/70-large_default/l-art-subtil-de-s-en-foutre.jpg" alt="L'art Subtil De S'En Foutre" class="ps-product-image">
<div class="ps-wishlist-icon" title="Ajouter aux favoris" onclick="event.preventDefault(); event.stopPropagation(); alert('Fonctionnalité liste d\'envie à connecter.');">
<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
</div>
<div class="ps-product-rating">
<span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span><span class="ps-star">★</span>
</div>
</div>
<div class="ps-product-content">
<h3 class="ps-product-name">L&#8217;art Subtil De S&#8217;En Foutre</h3>
<div class="ps-product-price">14,90 €</div>
<div class="ps-product-btn">
Voir dans la boutique
<svg viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
</div>
</div>
</a>
<!-- FIN VIGNETTE PRODUIT -->
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Sonoriser pour créer l&#8217;ambiance</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Un premier exemple avec une ambiance piano très douce, pour les espaces raffinés comme les bijouteries, les galeries, les espaces de déambulation zen, les salons de relaxation &#8230;</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/piano-boucle.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Un second exemple d&#8217;ambiance hip-hop plus pour une boutique jeune ou une salle de sports</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/hi-hop-boucle.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Et une dernière, surtout pour vous faire rire, à intercaler entre deux chansons de vos playlist pour rappeler votre marque.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:15%">
<!-- DÉBUT LECTEUR MP3 MULTI (COPIABLE À VOLONTÉ) -->
<div style="font-family: sans-serif; display: inline-block; background: #f8f9fa; padding: 15px 25px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 1px solid #e0e0e0; vertical-align: middle; margin: 10px;">
    
    <!-- REMPLACE L'URL CI-DESSOUS PAR LA TIENNE -->
    <!-- Pas d'ID ici, on utilise la structure pour le trouver -->
    <audio class="multi-audio" src="https://st9ph.fr/wp-content/uploads/2026/04/Samedi_chez_Steph.mp3" loop></audio>
    
    <!-- Le bouton passe 'this' à la fonction pour se reconnaître -->
    <button onclick="toggleMultiPlay(this)" style="background: #25B9D7; color: white; border: none; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; outline: none; box-shadow: 0 4px 6px rgba(37, 185, 215, 0.3);">
        ▶️
    </button>

    <script>
        function toggleMultiPlay(btn) {
            // On trouve le lecteur audio qui est juste avant le bouton cliqué
            var audio = btn.previousElementSibling;
            
            if (audio.paused) {
                // Optionnel : Mettre en pause les autres lecteurs si on en lance un nouveau
                document.querySelectorAll('.multi-audio').forEach(function(otherAudio) {
                    if(otherAudio !== audio) {
                        otherAudio.pause();
                        // Remettre à zéro les autres boutons (visuel)
                        var otherBtn = otherAudio.nextElementSibling;
                        if(otherBtn) {
                            otherBtn.innerHTML = '▶️';
                            otherBtn.style.background = '#25B9D7';
                            otherBtn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
                        }
                    }
                });

                audio.play();
                btn.innerHTML = '⏸️'; 
                btn.style.background = '#ff9f43'; 
                btn.style.boxShadow = '0 4px 6px rgba(255, 159, 67, 0.3)';
            } else {
                audio.pause();
                btn.innerHTML = '▶️'; 
                btn.style.background = '#25B9D7'; 
                btn.style.boxShadow = '0 4px 6px rgba(37, 185, 215, 0.3)';
            }
        }
        
        // Gestion de la fin de lecture (si pas de loop, ou pour reset)
        // Ici avec 'loop', on ne s'en sert pas trop, mais c'est propre de l'avoir.
    </script>
</div>
<!-- FIN LECTEUR MP3 MULTI -->
</div>
</div>



<p class="has-medium-font-size">Il vous faudra mesurer des considérations commerciales et légales :</p>



<ul class="wp-block-list">
<li><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>commercialement parlant :</strong></mark>
<ul class="wp-block-list">
<li>les playlist devront <strong>corresponde aux gouts de votre buyer persona</strong></li>



<li>c&#8217;est une ambiance et pas un auditorium, donc il faudra trouver <strong>un volume suffisant mais pas trop fort</strong>, une variété qui <strong>évite d&#8217;intriguer</strong> (trop original) ou au contraire <strong>de lasser </strong>parce que c&#8217;est ce qu&#8217;on entend à longueur de journée à la radio</li>
</ul>
</li>



<li><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Légalement parlant</mark></strong> :
<ul class="wp-block-list">
<li>Vous n&#8217;avez pas le droit d&#8217;utiliser <strong>un abonnement Deezer ou Spotify</strong> perso, il vous faudra soit un <strong>abonnement pro,</strong> soit<strong> recourir à des &#8220;r<em>adio Instore</em>&#8220;</strong> qui diffusent un flux qu&#8217;elles peuvent personnaliser pour vous (<a href="https://www.musicadmix.com/" target="_blank" rel="noreferrer noopener">un exemple ici</a>)</li>



<li>La <strong>SACEM</strong> rétribue les auteurs et distributeurs <strong>pour chaque diffusion publique</strong> et <strong>les ayants droits sont regroupés en associations </strong>qui collectent pour eux leur dû (et veillent à ce les rétributions soient versées).</li>
</ul>
</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/04/5sens-toucher.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">3</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>Le toucher</h2>
</div>
<ul class="chapter-points"><li>le nuancier de tirelles digital ?</li><li>Toucher des yeux</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p><strong>C&#8217;est l&#8217;apanage des SVP </strong>et c&#8217;est aussi pour cela qu&#8217;en matière d&#8217;habillement, de décoration et de bricolage, l<strong>es magasins physiques ont encore de beaux jours devant eux</strong>.</p>



<p>C&#8217;est aussi pour cela que beaucoup de commerçants <strong>s&#8217;appuient sur leurs point relais </strong>pour leur premier contact, même si l&#8217;achat se finalise à distance</p>



<p>C&#8217;est donc pour le commerçant, plus que pour le client que le digital devient un atout en terme de toucher</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="451" height="348" src="https://st9ph.fr/wp-content/uploads/2026/04/image-9.png" alt="" class="wp-image-36901" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-9.png 451w, https://st9ph.fr/wp-content/uploads/2026/04/image-9-300x231.png 300w" sizes="auto, (max-width: 451px) 100vw, 451px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="457" height="310" src="https://st9ph.fr/wp-content/uploads/2026/04/image-10.png" alt="" class="wp-image-36902" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-10.png 457w, https://st9ph.fr/wp-content/uploads/2026/04/image-10-300x204.png 300w" sizes="auto, (max-width: 457px) 100vw, 457px" /></figure>
</div>
</div>



<p>👆🏻 Sur les deux images ci-dessus, on voit que <strong>l&#8217;expérience en face à face</strong> pour le ressenti du tissu d&#8217;un canapé ou du choix du plan de travail d&#8217;une cuisine est inimitable.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="422" src="https://st9ph.fr/wp-content/uploads/2026/04/image-11.png" alt="" class="wp-image-36904" srcset="https://st9ph.fr/wp-content/uploads/2026/04/image-11.png 1000w, https://st9ph.fr/wp-content/uploads/2026/04/image-11-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/04/image-11-768x324.png 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>



<p>➡️ En revanche, le digital peut être un atout pour <strong>faciliter la commande</strong>, vérifier <strong>la disponibilité en stock</strong>, <strong>réduire les délais de conception</strong> quand c&#8217;est une mise en production à la demande.</p>



<p>👉🏻 Elle permet aussi une<strong> projection du matériau</strong> (maquette) en donnant <strong>un aperçu du produit </strong>fait de celui-ci avant même qu&#8217;il ne soit construit.</p>



<p class="callout vert">✅ Ci-dessous, les pastilles <strong>volontairement grosses</strong> pour le focus sur le tissu, permettent au client de se projeter dans le produit fini tout en conservant<strong> l&#8217;illusion sensorielle</strong> des nuanciers que le vendeur lui a montrés.</p>



<!-- DÉBUT SÉLECTEUR DE CANAPÉ -->
<div style="font-family: 'Segoe UI', sans-serif; max-width: 1000px; margin: 20px auto; background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); display: flex; flex-wrap: wrap;">
    
    <!-- COLONNE GAUCHE : Les Échantillons -->
    <div style="flex: 0 0 200px; background: #f9f9f9; border-right: 1px solid #eee; padding: 20px; display: flex; flex-direction: column; gap: 15px; align-items: center;">
        <h3 style="margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; color: #888; text-align: center;">Choisir la couleur</h3>
        
        <!-- Option 1 : Bleu -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-bleu.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-bleu.jpg" alt="Bleu" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>

        <!-- Option 2 : Gris -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-gris.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-gris.jpg" alt="Gris" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>

        <!-- Option 3 : Crème -->
        <div onclick="changeCanape('https://st9ph.fr/wp-content/uploads/2026/05/canap-creme.jpg', this)" 
             style="cursor: pointer; transition: transform 0.2s; opacity: 0.6; border: 3px solid transparent; border-radius: 8px; overflow: hidden;"
             onmouseover="this.style.opacity='1'" onmouseout="if(!this.classList.contains('active')) this.style.opacity='0.6'">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/echant-crem.jpg" alt="Crème" style="width: 100%; height: 155px; object-fit: cover; display: block; border-radius: 6px;">
        </div>
    </div>

    <!-- COLONNE DROITE : L'image Principale -->
    <div style="flex: 1; min-width: 300px; background: #fff; padding: 20px; display: flex; align-items: center; justify-content: center; position: relative;">
        <img decoding="async" id="mainCanape" src="https://st9ph.fr/wp-content/uploads/2026/05/canap-bleu.jpg" alt="Canapé" style="width: 100%; height: auto; max-height: 600px; object-fit: contain; border-radius: 8px; transition: opacity 0.3s ease;">
    </div>

    <script>
        function changeCanape(newUrl, element) {
            var mainImg = document.getElementById('mainCanape');
            
            // 1. Gestion visuelle des boutons (bordure et opacité)
            // On retire la classe 'active' et le style de tous les frères
            var siblings = element.parentElement.children;
            for (var i = 0; i < siblings.length; i++) {
                siblings[i].classList.remove('active');
                siblings[i].style.borderColor = 'transparent';
                siblings[i].style.opacity = '0.6';
                siblings[i].style.transform = 'scale(1)';
            }

            // 2. On active l'élément cliqué
            element.classList.add('active');
            element.style.borderColor = '#25B9D7'; // Couleur de la bordure active
            element.style.opacity = '1';
            element.style.transform = 'scale(1.05)'; // Petit zoom

            // 3. Changement d'image avec effet de fondu
            mainImg.style.opacity = '0'; // Disparition progressive
            
            setTimeout(function() {
                mainImg.src = newUrl; // Changement de source
                mainImg.onload = function() {
                    mainImg.style.opacity = '1'; // Réapparition progressive
                };
            }, 300); // Attend la fin du fondu (300ms)
        }

        // Initialisation : activer visuellement le premier élément (Bleu) au chargement
        window.onload = function() {
            var firstOption = document.querySelector('[onclick*="canap-bleu"]');
            if(firstOption) {
                firstOption.style.borderColor = '#25B9D7';
                firstOption.style.opacity = '1';
                firstOption.classList.add('active');
            }
        };
    </script>
</div>
<!-- FIN SÉLECTEUR DE CANAPÉ -->



<p class="callout bleu">🤚🏻 C'est une technique très utilisée en eshop :<strong> un zoom sur la texture </strong>dans les sélecteurs de déclinaisons pour que le cerveau du visiteur <strong>mentalise le matériau </strong>et se rappelle l'expérience sensorielle qu'elle évoque pour lui.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/5sens-odorat.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">4</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      L'odorat et le gout
    </h2>
    <p class="chapter-subtitle">difficilement transposable</p>
  </div>
</div>



<p class="has-base-2-background-color has-background">On atteint là <strong>une des limites du digital.</strong> Si on peut visualiser, entendre, voir même se rendre compte d'une texture, <strong>on ne pourra jamais ni sentir </strong>un produit, <strong>ni</strong> le <strong>gouter </strong>à distance.</p>



<p>👉🏻 Le digital peut néanmoins<strong> aider à l'achat</strong> de produits dont la senteur ou le gout sont essentielles pour la décision.</p>
</div>
</div>



<p class="has-medium-font-size">On pense forcément aux parfums et à la nourriture, les deux produits majeurs pour ces deux sens.</p>



<p>En <strong>parfumerie</strong>,<strong> les échantillons</strong> peuvent être <strong>accompagnés de QR codes </strong>pour mener à la page de commande. C'est un des derniers atouts du <strong>courrier classique</strong>, d'ailleurs, car si leur format est modeste, il peut être <strong>envoyé comme simple lettre</strong>. 👇🏻</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="559" src="https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1024x559.png" alt="" class="wp-image-36928" srcset="https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1024x559.png 1024w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-300x164.png 300w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-768x419.png 768w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-1536x838.png 1536w, https://st9ph.fr/wp-content/uploads/2026/05/aurelie-perfumes-2048x1117.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">❌ Pour le gout, essayer avant d'acheter à distance s'avère impossible. Envoyer des échantillons si les produits sont périssables serait aventureux.</p>



<p>En revanche, l'achat en ligne de produits qu'on connait déjà est grandement<strong> facilité par le digital.</strong> On citera  :</p>



<ul class="wp-block-list">
<li>la livraison de repas à domicile</li>



<li>les "drive" des GSA</li>



<li>Les bornes de commandes des restaurant</li>



<li>les outils de vente à emporter</li>



<li>les distributeurs automatiques</li>
</ul>



<p class="has-base-2-background-color has-background">Bien sur, certains produits <strong>non périssables </strong>restent échantillonables et, là, <strong>une campagne d'envoi par courrier </strong>peut s'envisager sur le même mode que le parfum.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/05/5sens-gout-marche.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p>➡️ En définitive, la relation client  en digital, si <strong>elle ne souffre pas de la vision ni de l'audition </strong>(bien au contraire, elle peut les sublimer), peine à rivaliser pour<strong> le toucher qu'elle ne peut que suggérer</strong> au travers d'une mise en valeur des matériaux. </p>



<p>Elle est <strong>démunie face au gout et à l'odorat </strong>et ne peut en ce domaine qu'améliorer l'expérience d'achat, voire dans de rares cas d'aider à la décision quand <strong>la livraison d'échantillons </strong>est possible.</p>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📚 Sources</h4>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>🔉Pixabay audio</strong> – ambiances sonores</li>
<li><strong>🔉Google AI Studio + Audacity </strong> Publicité de la boutique st9ph</li>
<li><strong>🔊 Voicertool</strong> - introduction parlée </li>
<li><strong>🖥️ Nano Banana Pro de Google Gemini + Veo</strong> - illustrations visuelles</li>
<li><strong>🖥️ Google Veo, Microsoft Clipchamp</strong> – video Yutube</li>
<li><strong>🖥️ Infomaniak Euria</strong> – frames produit canapé, lecteurs audio des boucles</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>🧑‍🎓 NDRC</h4>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est général est vise a donner des exemple pour :</p>
<ul>
<li>maitriser le phygital</li>
<li>inspirer les productions digitales</li>
</ul>
<p>👉 il n'entre pas dans le cadre d'un chapitre de compétences particulier </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📘 Glossaire</h4>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Beacons</strong> : puce d'indentification de produits pour faciliter leur reconnaissance avec les outils digitaux </li>
<li><strong>cookies</strong> : fichiers de suivi de navigation (temps passé, pages parcourues, actions effectuées ...</li>
<li><strong>Cohorte</strong> : groupe de prospects ou clients qui adoptent le même comportement </li>
</ul>
<li><strong>Carrousel</strong> : panneau défilent permettant d'alterner plusieurs CTA à un endroit stratégique du site </li>
<li><strong>Magnet</strong> : cadeau ou récompense destinée à rétribuer l'engagement  </li>
<li><strong>Buyer persona</strong> : profil du client majoritaire dans le segment ciblé (à quoi ressemble votre profil type) </li>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/">⏺️Omnicanal | Donner des sens au digital</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/05/voicertool_audio_Eloise_04-05-2026_at_14_05_44_on_May_4th_2026.mp3" length="309312" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/vitrine-boucle.mp4" length="1076676" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/insta-roberose_final2.mp4" length="1260146" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/beacons.mp4" length="1722174" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/pub-robe-rose.mp4" length="1569619" type="video/mp4" />
<enclosure url="https://boutiq.st9ph.fr/img/cms/robe-rose-demo.mp4" length="2384055" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/pub-cashback.mp3" length="520542" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/piano-boucle.mp3" length="691200" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/hi-hop-boucle.mp3" length="465606" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/04/Samedi_chez_Steph.mp3" length="723294" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">36808</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; UX Mobile</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Fri, 30 Jan 2026 12:51:57 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[concevoir appli mobile]]></category>
		<category><![CDATA[How To en UX mobile]]></category>
		<category><![CDATA[site responsive]]></category>
		<category><![CDATA[thumb zone]]></category>
		<category><![CDATA[utiliser screenfly]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=33685</guid>

					<description><![CDATA[<p>Part d&#8217;IA /5 dans cet article voyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie 🌐 Question : A votre avis, quel est l&#8217;outil préféré des Français 🔵⚪🔴 pour aller sur Internet ? 💻 l&#8217;ordinateur classique (desktop) 📳 Le smartphone (Mobile) 🟰 c&#8217;est plutôt équilibré 👉🏻 Voyons cela en détail ... <a title="⏺️Omnicanal &#124; UX Mobile" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; UX Mobile">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/">⏺️Omnicanal | UX Mobile</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><span class="uagb-notice-title"><strong>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ?</strong></span><div class="uagb-notice-text">
<p class="has-medium-font-size"><strong>UX </strong>pour<strong> <em>User eXperience</em>.</strong> <strong>L’expérience utilisateur en mobilité</strong>, c’est la prise en compte des <strong>usages spécifiques </strong>de vos canaux afin de proposer <strong>des interfaces adaptées </strong>aux <strong>mobinautes</strong>.</p>



<p class="has-medium-font-size">On ne parle pas seulement de <strong>facilité ou de plaisir,</strong> mais aussi <strong>de restriction</strong>s ou, au contraire, d’<strong>outils spécifiques liés à la mobilité</strong>.</p>
</div></div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_31-01-2026_at_22_46_54_on_January_31st_2026.mp3" autoplay></audio></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-bce3303b-d450-4922-ad1d-95109aa3ab6a">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-3"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-bce3303b-d450-4922-ad1d-95109aa3ab6a-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-9337d533-516d-4261-b201-aba4e7d615ec">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-2"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-9337d533-516d-4261-b201-aba4e7d615ec-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-8abb9aa2-218a-42f0-b7f1-8080911270fe">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-8abb9aa2-218a-42f0-b7f1-8080911270fe-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="51" height="53" src="https://st9ph.fr/wp-content/uploads/2025/12/image-153.png" alt="" class="wp-image-33778" style="width:33px;height:auto"/></figure>



<p class="has-small-font-size">v<em>oyez le menu flottant (à droite) pour les sources, un glossaire et la méthodologie </em></p>
</div>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="543" height="210" src="https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk.jpg" alt="" class="wp-image-34264" srcset="https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk.jpg 543w, https://st9ph.fr/wp-content/uploads/2026/02/SmartvsDesk-300x116.jpg 300w" sizes="auto, (max-width: 543px) 100vw, 543px" /></figure>
</div>


<div class="bloc-qcm">
  <p class="qcm-question">
    🌐 <strong>Question :</strong> A votre avis, quel est l&#8217;outil préféré des Français 🔵⚪🔴 pour aller sur Internet ?
  </p>

  <ul class="qcm-options">
    <li data-correct="false">💻 l&#8217;ordinateur classique (desktop)</li>
    <li data-correct="true">📳 Le smartphone (Mobile)</li>
    <li data-correct="False">🟰 c&#8217;est plutôt équilibré</li>
  </ul>

  <p class="qcm-feedback"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}

.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}

.qcm-options li {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}

.qcm-options li:hover {
  background: #eef3ff;
}

.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}

.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}

.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');

  options.forEach(option => {
    option.addEventListener('click', () => {
      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
        feedback.textContent = "✅ Bonne réponse ! Environ 6 pour 10.";
        feedback.style.color = "#188038";
      } else {
        option.classList.add('wrong');
        feedback.textContent = "❌ Ca ce joue à peu, c'est vrai, mais c'est tout de même le smartphone";
        feedback.style.color = "#dc2626";
      }
    });
  });
});
</script>



<p>👉🏻 Voyons cela en détail :</p>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">23–35 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">5 495 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-02T21:21:50+02:00">2 avril  2026</time></div></div>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-d2d50c8b      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan de l&#8217;article						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#part-de-la-mobilité-sur-linternet" class="uagb-toc-link__trigger">Part de la mobilité sur l&#039;internet</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#les-usages-en-mobilité" class="uagb-toc-link__trigger">Les usages en mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#21-la-thumb-zone" class="uagb-toc-link__trigger">🔹2.1 |La thumb zone</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#22-linterface-responsive-ou-friendly-mobile" class="uagb-toc-link__trigger">🔹2.2 |L&#039;interface Responsive ou &quot;Friendly mobile&quot;</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#les-couts-de-la-mobilité" class="uagb-toc-link__trigger">Les couts de la mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-coûts-obligatoires-de-publication-stores" class="uagb-toc-link__trigger">🧾 1. Coûts obligatoires de publication (stores)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-coûts-de-développement-one-shot" class="uagb-toc-link__trigger">🛠️ 2. Coûts de développement (one-shot)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-hébergement-backend-annuel" class="uagb-toc-link__trigger">☁️ 3. Hébergement &amp; backend (annuel)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#4-marketing-visibilité-optionnel-mais-clé" class="uagb-toc-link__trigger">📣 4. Marketing &amp; visibilité (optionnel mais clé)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-maintenance-mises-à-jour-annuel" class="uagb-toc-link__trigger">🔄 5. Maintenance &amp; mises à jour (annuel)</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#budget-total-vision-synthèse" class="uagb-toc-link__trigger">🧮 Budget total – vision synthèse</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#application-simple-cas-étudiant-pme" class="uagb-toc-link__trigger">📱 Application simple (cas étudiant / PME)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#application-professionnelle-business" class="uagb-toc-link__trigger">🚀 Application professionnelle / business</a></li></ul></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#les-codes-spécifiques-de-la-mobilité" class="uagb-toc-link__trigger">Les codes spécifiques de la mobilité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#41-notifier-via-lappli" class="uagb-toc-link__trigger">🔹4.1 |Notifier via l&#039;appli</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#42-optimiser-lux-pour-la-mobilité" class="uagb-toc-link__trigger">🔹4.2 |Optimiser l&#039;UX pour la mobilité</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">1</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
      Part de la mobilité sur l&#8217;internet
    </h2>
    <p class="chapter-subtitle">données brutes en France, comparaison mondiale, affiner la mesure/p>
  </div>
</div>



<p>Le suivi <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter </mark>montre une <strong> prédominance de l&#8217;interface mobile</strong> 52,5% contre 47,5% pour les <strong>Desktops </strong>(ordinateurs classiques) :</p>



<!-- DÉBUT STATCOUNTER DYNAMIQUE (1 AN GLISSANT) -->
<div id="statcounter-placeholder" style="width:100%; max-width:600px; height:400px; margin: 0 auto; text-align:center;">
    <p style="color:#777; font-style:italic;">Chargement des statistiques en cours&#8230;</p>
</div>
<p style="text-align:center; font-size:0.9em; color:#555;">
    Source: <a href="https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/france" target="_blank" rel="noopener">StatCounter Global Stats &#8211; France</a>
</p>

<script>
(function() {
    // 1. Calcul des dates dynamiques
    const now = new Date();
    const currentYear = now.getFullYear();
    const currentMonth = now.getMonth() + 1; // getMonth() retourne 0-11
    
    // On veut s'arrêter au mois dernier (car les données du mois en cours sont incomplètes)
    let endYear = currentYear;
    let endMonth = currentMonth - 1;
    
    if (endMonth === 0) { // Si on est en Janvier, le mois dernier est Décembre de l'année précédente
        endMonth = 12;
        endYear = currentYear - 1;
    }
    
    // Début : 1 an avant la date de fin
    let startYear = endYear - 1;
    let startMonth = endMonth;
    
    // Formatage StatCounter (AAAAMM avec zéro devant si < 10)
    const format = (y, m) => y.toString() + (m < 10 ? '0' : '') + m.toString();
    
    const startStr = format(startYear, startMonth);
    const endStr = format(endYear, endMonth);
    
    // 2. Construction de l'ID unique
    // Ex: desktop+mobile+tablet-comparison-FR-monthly-202504-202604
    const chartId = `desktop+mobile+tablet-comparison-FR-monthly-${startStr}-${endStr}`;
    
    // 3. Mise à jour de la DIV conteneur
    const container = document.getElementById('statcounter-placeholder');
    container.id = chartId;
    container.style.width = "600px"; // Largeur fixe comme ton exemple original
    container.style.height = "400px";
    // Optionnel : rendre responsive en CSS si besoin, mais StatCounter préfère souvent une largeur fixe
    
    // 4. Injection du script StatCounter
    const script1 = document.createElement('script');
    script1.type = 'text/javascript';
    script1.src = 'https://www.statcounter.com/js/fusioncharts.js';
    
    const script2 = document.createElement('script');
    script2.type = 'text/javascript';
    // L'URL dynamique avec les nouvelles dates
    script2.src = `https://gs.statcounter.com/chart.php?${chartId}&#038;chartWidth=600`;
    
    // Ajout des scripts à la page
    document.body.appendChild(script1);
    document.body.appendChild(script2);
    
    console.log(`StatCounter chargé pour la période : ${startStr} à ${endStr}`);
})();
</script>
<!-- FIN STATCOUNTER DYNAMIQUE -->



<p class="has-small-font-size">rq : ce graphique étant en liaison permanente avec StatCounter, vous verrez peut-être ici des données légèrement différentes des chiffres que je commente ci-dessous.</p>



<p class="has-base-2-background-color has-background">✍️ Au moment où j'écris cet article (Janvier 2026), <strong>on voit un tassement à l'automne</strong>, sans quoi c'était du 65/35. Il y'a des <strong>causes structurelles</strong> (🏢télétravail, activité des entreprises principalement en Desktop ...) mais aussi <strong>conjoncturelles </strong>(🌤️plus de mobilité quand la saison et la météo s'y prêtent).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div class="wp-block-uagb-counter uagb-block-c6c2c256 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M352 256C352 278.2 350.8 299.6 348.7 320H163.3C161.2 299.6 159.1 278.2 159.1 256C159.1 233.8 161.2 212.4 163.3 192H348.7C350.8 212.4 352 233.8 352 256zM503.9 192C509.2 212.5 512 233.9 512 256C512 278.1 509.2 299.5 503.9 320H380.8C382.9 299.4 384 277.1 384 256C384 234 382.9 212.6 380.8 192H503.9zM493.4 160H376.7C366.7 96.14 346.9 42.62 321.4 8.442C399.8 29.09 463.4 85.94 493.4 160zM344.3 160H167.7C173.8 123.6 183.2 91.38 194.7 65.35C205.2 41.74 216.9 24.61 228.2 13.81C239.4 3.178 248.7 0 256 0C263.3 0 272.6 3.178 283.8 13.81C295.1 24.61 306.8 41.74 317.3 65.35C328.8 91.38 338.2 123.6 344.3 160H344.3zM18.61 160C48.59 85.94 112.2 29.09 190.6 8.442C165.1 42.62 145.3 96.14 135.3 160H18.61zM131.2 192C129.1 212.6 127.1 234 127.1 256C127.1 277.1 129.1 299.4 131.2 320H8.065C2.8 299.5 0 278.1 0 256C0 233.9 2.8 212.5 8.065 192H131.2zM194.7 446.6C183.2 420.6 173.8 388.4 167.7 352H344.3C338.2 388.4 328.8 420.6 317.3 446.6C306.8 470.3 295.1 487.4 283.8 498.2C272.6 508.8 263.3 512 255.1 512C248.7 512 239.4 508.8 228.2 498.2C216.9 487.4 205.2 470.3 194.7 446.6H194.7zM190.6 503.6C112.2 482.9 48.59 426.1 18.61 352H135.3C145.3 415.9 165.1 469.4 190.6 503.6V503.6zM321.4 503.6C346.9 469.4 366.7 415.9 376.7 352H493.4C463.4 426.1 399.8 482.9 321.4 503.6V503.6z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="6" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">/10</span></div><div class="wp-block-uagb-counter__title">sont des mobinautes</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>🌍 Sur le plan mondial, ce sont même <strong>6 internautes sur 10 </strong>qui sont connectés en mobilité (<strong>mobinautes</strong>).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="170" height="240" src="https://st9ph.fr/wp-content/uploads/2026/01/image-108.png" alt="" class="wp-image-32563"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="179" height="231" src="https://st9ph.fr/wp-content/uploads/2026/01/image-90.png" alt="" class="wp-image-32502"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="180" height="249" src="https://st9ph.fr/wp-content/uploads/2026/01/image-95.png" alt="" class="wp-image-32507"/></figure>
</div>
</div>
</div>
</div>



<p class="has-base-2-background-color has-background">👉 Dans certains pays, pour des raisons de cout, <strong>le mobile est pratiquement le seul outil d'accès</strong> à internet, comme pour <strong>l'Inde</strong> (75%). C'est aussi <strong>le pays le plus peuplé de la planète</strong> !</p>



<p>L'expérience mobile est donc <strong>un enjeu prioritaire </strong>à intégrer dans la conception de vos touch points digitaux !</p>



<figure class="wp-block-table"><table><thead><tr><th> en France en 2025 :</th><th>Mobile (smartphone)</th><th>Desktop / Ordinateur</th><th>Source</th></tr></thead><tbody><tr><td><strong>Part de la population utilisant Internet</strong></td><td>≈ <strong>94 %</strong> des internautes</td><td>≈ <strong>64 %</strong> des internautes</td><td>DataReportal – Digital France</td></tr><tr><td><strong>Part du trafic web total</strong></td><td>≈ <strong>50–52 %</strong></td><td>≈ <strong>46–48 %</strong></td><td>Statista – Device traffic share</td></tr><tr><td><strong>Appareil principal d’accès à Internet</strong></td><td><strong>Smartphone n°1</strong></td><td>Secondaire</td><td>Médiamétrie – Observatoire usages numériques</td></tr><tr><td><strong>Temps quotidien moyen sur Internet</strong></td><td>Majoritaire (réseaux sociaux, vidéo, navigation rapide)</td><td>Minoritaire (travail, achats complexes)</td><td>Médiamétrie / DataReportal</td></tr><tr><td><strong>Usages dominants</strong></td><td>Réseaux sociaux, messagerie, recherche rapide, e-commerce</td><td>Travail, formulaires longs, comparaison détaillée</td><td>Médiamétrie</td></tr><tr><td><strong>Tendance 2020–2025</strong></td><td>📈 En hausse continue</td><td>📉 Stable / légère baisse</td><td>Statista</td></tr></tbody></table></figure>



<p>En réalité, <strong>le traçage se fait sur le type de connexion</strong> et non pas sur le type d'ordinateur:</p>



<ul class="wp-block-list">
<li>🛜 sont considérés comme <strong>des mobinautes</strong> tous ceux qui <strong>se connectent en GSM</strong> (5G, 4G ...) dont <strong>essentiellement des smartphones </strong>mais aussi quelques desktops en mobilité</li>



<li>🏠 Sont considérés comme <strong>des Internautes "classiques" </strong>ceux qui <strong>se connectent en Fibre ou ADSL</strong> (il en reste encore un peu même si le réseau RTC qui le supporte est en cours de remplacement accéléré). Ce sont donc <strong>majoritairement des Desktops </strong>mais aussi des smartphones qui basculent en Wifi (souvent quand ils arrivent "à la maison").</li>
</ul>



<p>Pour <strong>une mesure plus fine</strong>, là encore <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter</mark> peut nous aider à y voir clair :</p>



<iframe 
  src="https://gs.statcounter.com/os-market-share/all/france"
  width="100%" 
  height="250"
  style="border:none; overflow:hidden;"
  loading="lazy">
</iframe>



<p class="has-text-align-center has-small-font-size"><em>Cet aperçu étant actualisé au moment du chargement de l'article, les commentaires ci-dessous risquent de proposer des chiffres un peu différents.</em></p>



<p>Si on cumule <strong>les internautes par <em>Operating System</em> (OS)</strong>, on connait cette fois <strong>le type d'ordinateu</strong>r qui a servi à la connexion :</p>



<ul class="wp-block-list">
<li><strong>40,32 </strong>% en décembre 2025 au cumul Windows + Mac OS + OS X <strong>pour les desktops</strong></li>



<li><strong>52,18</strong> % <strong>pour les smartphones</strong> (au moins) en cumulant Android + IOS</li>



<li>Il nous reste environ <strong>7,5 %</strong> que <img loading="lazy" decoding="async" width="28" height="24" class="wp-image-33689" style="width: 28px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-statcounter.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Statcounter</mark> n'a pu identifier (pas de cookies, Data Centers, moyens systèmes d'entreprises, Extranets (Internets privés), Peer to peer ...)</li>
</ul>



<figure class="wp-block-image size-large uag-hide-mob"><img loading="lazy" decoding="async" width="1024" height="434" src="https://st9ph.fr/wp-content/uploads/2026/01/image-351-1024x434.png" alt="" class="wp-image-33696" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-351-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-351-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-351-768x325.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-351.png 1240w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-medium-font-size">🧮 Si on pondère sur les parts identifiées ont retrouve presque <strong>la répartition universelle de 6 pour 10 en mobilité</strong>.</p>



<p>Revenons à la France et regardons <strong>les temps d'usage en mobilité</strong>. On se rendra compte que même si, globalement, la part de mobilité n'est que légèrement supérieure à la moitié des internautes, c'est tout de même <strong>environ 2 h 30 par jour pour chacun d'entre nous</strong> qu'on est collé à ce petit morceau d'écran !</p>



<figure class="wp-block-table"><table><thead><tr><th>Génération / Âge</th><th><strong>Temps quotidien moyen sur smartphone</strong></th><th>Notes &amp; source</th></tr></thead><tbody><tr><td><strong>15-24 ans (Gen Z)</strong></td><td>~ <strong>2h35 sur Internet</strong> (mobile majoritaire)</td><td>Médiamétrie – mobile capte 93 % du temps digital chez les 15-24 ans, avec un quotidien total de surf autour de ~2h35 dans cette tranche 📱(<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>25-49 ans (Millennials / jeunes adultes)</strong></td><td><strong>≈ 1h-2h/jour</strong> (mobile dominant)</td><td>le Mobile représente ~80% du temps digital ; 25-49 ans proches des 15-24 ans pour une connexion quotidienne sur smartphone (<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>50-64 ans (Gen X)</strong></td><td>~ <strong>1h30/jour</strong> (sur mobile)</td><td>50+ : surf quotidien 2h15 dont ~1h30 sur smartphone 📱(<a href="https://www.ecranmobile.fr/Le-mobile-represente-80-du-temps-de-surf-quotidien_a76684.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>65 ans + (Baby Boomers et plus)</strong></td><td><strong>~ 30-60 min sur mobile</strong></td><td>le Mobile capte moins de temps que chez les jeunes (par comparaison Médiamétrie global), ils passent ~50 min sur mobile quand le temps de surf total est de ~2 h 40 (<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr><tr><td><strong>Ensemble de la population</strong></td><td>~ <strong>2h24–2h40/jour</strong> (tous écrans) dont ~80 % sur mobile</td><td>Temps total moyen France, avec dominance mobile 📱(<a href="https://www.ecranmobile.fr/%E2%80%8B80-du-temps-digital-se-fait-sur-les-smartphones_a77649.html?utm_source=chatgpt.com">EcranMobile.fr</a>)</td></tr></tbody></table></figure>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="724" height="409" src="https://st9ph.fr/wp-content/uploads/2025/12/image-19.png" alt="" class="wp-image-30975" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-19.png 724w, https://st9ph.fr/wp-content/uploads/2025/12/image-19-300x169.png 300w" sizes="auto, (max-width: 724px) 100vw, 724px" /></figure>
</div>


<p>😨Ca fait peur, non ?</p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">2</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>Les usages en mobilité</h2>
</div>
<ul class="chapter-points"><li>la Thumb zone</li><li>l'interface Responsive ou "Friendly mobile"</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>😗 P<strong>as de clavier, pas de souris,</strong> <strong>un écran de 7 pouces </strong>pour les mieux dotés, <strong>il va falloir faire avec</strong> !</p>



<h3 class="wp-block-heading" id="0-21-la-thumb-zone-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>La thumb zone</strong></h3>



<p class="callout bleu">👍"Thumb", c'est <strong>le pouce en anglais</strong>, et c'est <strong>la souris des mobinautes </strong>(sauf pour les X - dont je fais partie -et les boomers qui s'obstinent avec leur index 👆) ! Il va falloir travailler l'interface de nos sites pour que les interactions soient accessibles :</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="708" height="370" src="https://st9ph.fr/wp-content/uploads/2026/01/image-352.png" alt="" class="wp-image-33700" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-352.png 708w, https://st9ph.fr/wp-content/uploads/2026/01/image-352-300x157.png 300w" sizes="auto, (max-width: 708px) 100vw, 708px" /></figure>
</div>


<p class="has-small-font-size">Source de l'image : <a href="https://www.appsflyer.com/blog/tips-strategy/mobile-app-ux/" target="_blank" rel="noreferrer noopener">appsflyer.com</a> (retravaillée)</p>



<p class="callout vert">✅ la <strong>moyenne de confort </strong>... <strong>juste la moitié de mes 7 pouces</strong> ! Et encore, c'est <strong>dans le meilleur des cas</strong>.</p>



<p>C'est pourquoi <strong>beaucoup d'applications mobiles</strong> proposent <strong>leurs principales rubriques en bas</strong> dans la <strong>Thumb Zone de confort</strong> de toutes les configurations :</p>



<figure class="wp-block-image size-large uag-hide-mob"><img loading="lazy" decoding="async" width="1024" height="139" src="https://st9ph.fr/wp-content/uploads/2026/01/image-353-1024x139.png" alt="" class="wp-image-33702" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-353-1024x139.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-353-300x41.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-353-768x104.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-353.png 1156w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading" id="1-22-linterface-responsive-ou-friendly-mobile-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>L'interface Responsive ou "Friendly mobile</strong>"</h3>



<p>👉🏻 Mais pour <strong>les sites classiques</strong>, contrairement <strong>aux applis faites pour cela</strong>, quand vous les voyez en affichage mobile, le "<strong>frendly</strong>" ou le "<strong>Responsive</strong>" (deux manières de dire <strong>qu'ils s'adaptent aux écrans de smartphone</strong>), <strong>ce n'est pas toujours gagné d'avance</strong>.</p>



<p>➡️ Il existe <strong>des outils pour tester votre site</strong> et le seul que j'ai trouvé qui ne m'a demandé ni de payer, ni de spammer mon mail est <a href="https://quirktools.com/screenfly/" target="_blank" rel="noreferrer noopener">Screenfly</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="845" height="370" src="https://st9ph.fr/wp-content/uploads/2026/01/image-354.png" alt="" class="wp-image-33703" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-354.png 845w, https://st9ph.fr/wp-content/uploads/2026/01/image-354-300x131.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-354-768x336.png 768w" sizes="auto, (max-width: 845px) 100vw, 845px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Entrez <strong>votre nom de domaine</strong></li>



<li>Choisissez <strong>le type de smartphone</strong> dont vous voulez apprécier le rendu</li>



<li>Contemplez le résultat 👉</li>
</ul>



<p></p>



<p class="has-text-align-center">Ici, mon site sous <img loading="lazy" decoding="async" width="30" height="28" class="wp-image-33540" style="width: 30px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-Wordpress-wp.jpg" alt=""><strong>WordPress</strong> dispose <strong>automatiquement </strong>d'<strong>une version frendly</strong> mais ce n'est pas le cas de tous les CMS.</p>



<p>On constate que :</p>



<ul class="wp-block-list">
<li>le <strong> menu "hamburger"</strong> <img loading="lazy" decoding="async" width="19" height="19" class="wp-image-33705" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/ico-hamburger.jpg" alt=""> a remplacé le menu classique</li>



<li>Les colonnes de <strong>mes Frames</strong> s'empilent les unes sous les autres</li>
</ul>



<p></p>



<p class="has-text-align-center">Et comme <strong>je peux interagir avec la fenêtre,</strong> je peux aussi développer le menu ou <strong>atteindre</strong> toutes les pages ou les liens, <strong>faire tout ce que je veux</strong>, comme si j'avais un superbe IPhone 16 :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="333" height="333" src="https://st9ph.fr/wp-content/uploads/2026/01/image-356.png" alt="" class="wp-image-33706" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-356.png 333w, https://st9ph.fr/wp-content/uploads/2026/01/image-356-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-356-150x150.png 150w" sizes="auto, (max-width: 333px) 100vw, 333px" /></figure>



<p class="has-base-2-background-color has-background">J<strong>e n'ai pas la thumb zone</strong>, c'est vrai, mais j'ai <strong>des repères de règles</strong> pour définir quelles sont les zones d<strong>'interaction de confort</strong>.</p>



<p>👉 Ici, plutot entre 600 et 800 en verticale.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="367" height="753" src="https://st9ph.fr/wp-content/uploads/2026/01/image-355.png" alt="" class="wp-image-33704" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-355.png 367w, https://st9ph.fr/wp-content/uploads/2026/01/image-355-146x300.png 146w" sizes="auto, (max-width: 367px) 100vw, 367px" /></figure>



<p>Il est vrai que <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33542" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/wp-ico.jpg" alt="">WordPress me permet aussi d'avoir un aperçu mobile mais c'est moins précis (et juste pour la page ou l'article en cours de création)</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="277" height="245" src="https://st9ph.fr/wp-content/uploads/2026/01/image-357.png" alt="" class="wp-image-33707"/></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="347" height="492" src="https://st9ph.fr/wp-content/uploads/2026/01/image-358.png" alt="" class="wp-image-33710" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-358.png 347w, https://st9ph.fr/wp-content/uploads/2026/01/image-358-212x300.png 212w" sizes="auto, (max-width: 347px) 100vw, 347px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>En faisant défiler des articles du blog, je me rends compte de <strong>l'effet désastreux sur mobile </strong>de <strong>certaines images</strong> comme, ci-dessous, un zoom arrière violent et on ne lit plus rien :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="349" height="391" src="https://st9ph.fr/wp-content/uploads/2026/01/image-359.png" alt="" class="wp-image-33711" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-359.png 349w, https://st9ph.fr/wp-content/uploads/2026/01/image-359-268x300.png 268w" sizes="auto, (max-width: 349px) 100vw, 349px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👆 Idem pour <strong>le tableau ci-dessus</strong> même si dans ce cas, c'est juste une option du bloc Tableau à changer.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="284" height="143" src="https://st9ph.fr/wp-content/uploads/2026/01/image-360.png" alt="" class="wp-image-33713"/></figure>



<p class="has-text-align-right has-base-2-background-color has-background">Ainsi, <strong>en débloquant la largeur fixe des colonnes</strong>, je donne <strong>un slide horizontal</strong> à ceux qui ne peuvent pas afficher pleinement tout le tableau (interdit au départ, <strong>obligeant le CMS à tout afficher dans la largeur écran du smartphone)</strong>  👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">👇Ce que ça donne corrigé :</p>



<figure class="wp-block-video"><video height="352" style="aspect-ratio: 348 / 352;" width="348" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/tbx-slide.mp4" playsinline></video></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Pour les images, ça va être <strong>un peu plus compliqué</strong> ! il va falloir <strong>les désactiver </strong>sur mobile :</p>


<div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="178" height="131" src="https://st9ph.fr/wp-content/uploads/2026/01/image-361.png" alt="" class="wp-image-33718"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout rouge">On peut donc <strong>désactiver les images illisibles </strong>mais seulement <strong>celles qui sont décoratives</strong>. Ca ne réglera pas le problème si c'est <strong>un contenu important</strong>. 😠</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<ul class="wp-block-list">
<li>Dans le même temps, il faudra <strong>reconstruire une illustration qui sera plus visuelle </strong>en affichage mobile :</li>
</ul>



<p></p>



<p class="has-text-align-center has-base-2-background-color has-background">Ici, je redispose mon schéma pour qu'en portrait, le zoom soit moins profond et permette encore la lecture. 👉</p>



<ul class="wp-block-list">
<li>Puis <strong>je désactive son affichage </strong>sur <strong>Desktop </strong>et tablettes</li>
</ul>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="515" height="441" src="https://st9ph.fr/wp-content/uploads/2026/01/image-377.png" alt="" class="wp-image-33755" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-377.png 515w, https://st9ph.fr/wp-content/uploads/2026/01/image-377-300x257.png 300w" sizes="auto, (max-width: 515px) 100vw, 515px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="354" height="663" src="https://st9ph.fr/wp-content/uploads/2026/01/image-378.png" alt="" class="wp-image-33758" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-378.png 354w, https://st9ph.fr/wp-content/uploads/2026/01/image-378-160x300.png 160w" sizes="auto, (max-width: 354px) 100vw, 354px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Ainsi, selon qu'on soit sur desktop ou sur mobile, <strong>ce n'est pas la même image qui s'affichera</strong></p>



<p class="has-base-2-background-color has-background"> 👍<strong>Screenfly </strong>est donc un outil intéressant pour <strong>réaliser les manques de <em>Responsive</em> de votre site web confortablement </strong>depuis le Pc d'où vous développez, sans avoir à regarder en permanence ce que cela donne sur votre mobile posé sur vos genoux (en plus, il va finir par tomber).</p>



<p>👉 <strong>N'oubliez </strong>surtout <strong>pas la <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Thumb Zone</mark> </strong>! </p>



<p>l'exemple de mon site montre que <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33542" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/wp-ico.jpg" alt="">WordPress (mais la plupart des autres CMS font comme lui) place le menu dans <strong>la zone d'effort</strong>, voire de déséquilibre.</p>



<p class="has-base-2-background-color has-background">📳 C'est pourquoi, aussi travaillé sera-t-il, <strong>votre site frendly ne vaudra jamais une appli mobile</strong> faite spécifiquement pour les smartphones</p>
</div>
</div>



<p class="has-text-align-center">Et pourquoi ne pas prévoir un menu flottant comme celui à droite de cet écran ? 👉</p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">3</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>Les couts de la mobilité</h2>
</div>
<ul class="chapter-points"><li>Coûts obligatoires de publication (stores)</li><li>Coûts de développement (one-shot)</li><li>Hébergement & backend (annuel)</li><li>Marketing & visibilité (optionnel mais clé)</li><li>Maintenance & mises à jour (annuel)</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>➡️ Qu'il s'agisse des <strong>outils</strong> (applis), des <strong>méthodes </strong>(notifications, localisation ...) ou de la <strong>visibilité</strong>, la mobilité obéit à <strong>des codes spécifiques</strong>.</p>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-7232d6923989c42d4e3726506dc60b89">D'abord, faut-il investir dans la mobilité ?</p>



<p><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Tout dépend de votre audience !</mark></strong> <strong>Google Analytics</strong>, dans son <strong>analyse de la technologie</strong> utilisée par vos visiteurs, vous le dira :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="956" height="408" src="https://st9ph.fr/wp-content/uploads/2026/01/image-368.png" alt="" class="wp-image-33733" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-368.png 956w, https://st9ph.fr/wp-content/uploads/2026/01/image-368-300x128.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-368-768x328.png 768w" sizes="auto, (max-width: 956px) 100vw, 956px" /></figure>



<p class="has-base-2-background-color has-background">📈 Ci-dessus, l'analyse de ce blog montre que <strong>mon cœur de cible est sur Desktop</strong> : <strong>9/10</strong>. Et pour cause, ce site est fait d'abord pour mes étudiants qui l'utilisent en cours, parmi d'autres logiciels difficilement manœuvrables sur smartphones.</p>



<p>➡️ Mais si ce n'est pas le cas pour vous, <strong>il faudra songer à une appli mobile </strong>:</p>



<p>Il existe <strong>des constructeurs d'appli en ligne</strong> (SaaS) comme<strong> AppMachine </strong>(ci-dessous) qui ne demandent pas de compétences spéciales en programmation. C'est un WYSIWYG</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-369-1024x580.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>WYSIWYG</strong>, c'est quoi comme langue ?</summary>
<p>De l'anglais ! Et c'est un acronyme : <strong>What You See Is What You get</strong> : c'est çà dire que le constructeur consiste à <strong>alimenter des formulaires ou à jouer au drag-And-Drop</strong> avec des éléments à incorporer avec <strong>un aperçu permanent</strong>. Vous voyez en conception ce que l'utilisateur verra aussi.</p>
</details>



<p>➡️ C'est juste <strong>un essai pour vous monter</strong> mais je n'irai pas plus loin, puisqu'à la fin, <strong>il faudra payer</strong>. Certes, ce sera <strong>moins d'une centaine d'euros </strong>quand des développeurs vous en demanderont des milliers (mais c'est vous qui aurez fait tout le boulot, en fait).</p>



<p>Voici une e<strong>stimation que j'ai demandée à Chat GPT </strong>:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Type d’application</th><th>Budget estimé (France)</th></tr></thead><tbody><tr><td>App simple (contenu, vitrine, formulaire)</td><td><strong>3 000 – 8 000 €</strong></td></tr><tr><td>App intermédiaire (compte utilisateur, API, back-office)</td><td><strong>8 000 – 20 000 €</strong></td></tr><tr><td>App complexe (paiement, géoloc, temps réel, marketplace)</td><td><strong>20 000 – 60 000 €+</strong></td></tr></tbody></table></figure>



<p>Il se base sur <strong>des sites pros</strong> : Malt, Codeur.com, Webedia, App Mobile Normandie (sans doute pour me faire plaisir le dernier) et je le crois volontiers.</p>



<p>Mais ce n'est pas terminé ! Si vous voulez qu'elle soit utilisée, il faudra <strong>la faire héberger sur les "stores" </strong>d'Apple (Pour IOS) et de Google (pour Androïd) parce que ce sera pratiquement <strong>le seul moyen de la la télécharger.</strong></p>



<p>Voici ci-dessous <strong>un tableau comparatif</strong> (c'est à peu près le même que sur ma fiche ressource du drive car les tarifs n'ont pas trop évolué depuis 2022, date de ma dernière enquête) :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td></td><td class="has-text-align-center" data-align="center"><img loading="lazy" decoding="async" width="99" height="27" class="wp-image-33735" style="width: 99px;" src="https://st9ph.fr/wp-content/uploads/2026/01/gPlay.png" alt=""></td><td class="has-text-align-center" data-align="center"><img loading="lazy" decoding="async" width="99" height="27" class="wp-image-33736" style="width: 99px;" src="https://st9ph.fr/wp-content/uploads/2026/01/Appstore.png" alt=""></td></tr><tr><td>abonnement</td><td class="has-text-align-center" data-align="center">25 € à l’inscription</td><td class="has-text-align-center" data-align="center">99 € /an</td></tr><tr><td>Commissions Sur les achats in-app</td><td class="has-text-align-center" data-align="center">15 % si CA &lt; 1 M$ (30 % au delà)</td><td class="has-text-align-center" data-align="center">15 à 30 % selon le CA</td></tr><tr><td>Revenus issus des abonnements</td><td class="has-text-align-center" data-align="center">15 % sans plafond</td><td class="has-text-align-center" data-align="center">Au cas par cas (dispense pour les «&nbsp;petits développeurs&nbsp;»)</td></tr><tr><td>avantage</td><td class="has-text-align-center" data-align="center">Part du marché majeure (75 %)</td><td class="has-text-align-center" data-align="center">Taux de conversion plus élevé</td></tr></tbody></table></figure>



<p>👉 Mais ces couts sont à englober dans un budget plus large de maintenance, de visibilité et d'hébergement qui oscillent entre 5000 et 10000 € l'année de lancement et au moins 50% de ce budget chaque année ensuite.</p>


<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-c0d1fa86-0992-4889-8a3e-93709a073f98" data-mobilecollapse="true" data-desktopcollapse="true" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: var(--contrast-3); " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: var(--contrast-3);" aria-controls="ub-content-toggle-panel-0-c0d1fa86-0992-4889-8a3e-93709a073f98" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-c0d1fa86-0992-4889-8a3e-93709a073f98" style="color: #000000; ">les couts détaillés de l'enquête (dev, maintenance, mises à jours) pour les plus curieux</p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-0-c0d1fa86-0992-4889-8a3e-93709a073f98">

<p>💶 Budget global pour une application mobile (France – ordre de grandeur)</p>



<h3 class="wp-block-heading" id="2-1-co%C3%BBts-obligatoires-de-publication-stores">🧾 1. Coûts obligatoires de publication (stores)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Google Play</th><th>Apple App Store</th></tr></thead><tbody><tr><td>Compte développeur</td><td><strong>25 € (une fois)</strong></td><td><strong>99 € / an</strong></td></tr><tr><td>Publication / mises à jour</td><td>0 €</td><td>0 €</td></tr><tr><td><strong>Sous-total annuel min.</strong></td><td><strong>25 €</strong></td><td><strong>99 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> :<br>Google Play Console – Developer Account<br>Apple Developer Program</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="3-%EF%B8%8F-2-co%C3%BBts-de-d%C3%A9veloppement-one-shot">🛠️ 2. Coûts de développement (one-shot)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Type d’application</th><th>Budget estimé (France)</th></tr></thead><tbody><tr><td>App simple (contenu, vitrine, formulaire)</td><td><strong>3 000 – 8 000 €</strong></td></tr><tr><td>App intermédiaire (compte utilisateur, API, back-office)</td><td><strong>8 000 – 20 000 €</strong></td></tr><tr><td>App complexe (paiement, géoloc, temps réel, marketplace)</td><td><strong>20 000 – 60 000 €+</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : agences digitales françaises (moyennes observées)<br>→ Malt, Codeur.com, Webedia, AppMobileNormandie</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="4-%E2%98%81%EF%B8%8F-3-h%C3%A9bergement-amp-backend-annuel">☁️ 3. Hébergement &amp; backend (annuel)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Coût annuel</th></tr></thead><tbody><tr><td>Hébergement serveur / cloud</td><td><strong>100 – 1 000 €</strong></td></tr><tr><td>Base de données / API</td><td><strong>0 – 500 €</strong></td></tr><tr><td>Stockage (images, vidéos)</td><td><strong>0 – 300 €</strong></td></tr><tr><td>Notifications / emails</td><td><strong>0 – 200 €</strong></td></tr><tr><td><strong>Sous-total annuel</strong></td><td><strong>200 – 2 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : AWS, Firebase, OVHcloud (offres standards)</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="5-4-marketing-amp-visibilit%C3%A9-optionnel-mais-cl%C3%A9">📣 4. Marketing &amp; visibilité (optionnel mais clé)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Budget conseillé</th></tr></thead><tbody><tr><td>ASO (App Store Optimization)</td><td><strong>300 – 1 000 €</strong></td></tr><tr><td>Visuels, screenshots, vidéo</td><td><strong>200 – 800 €</strong></td></tr><tr><td>Publicité de lancement</td><td><strong>500 – 3 000 €</strong></td></tr><tr><td><strong>Sous-total lancement</strong></td><td><strong>1 000 – 5 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Sources</strong> : App Radar, StoreMaven, agences ASO européennes</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading" id="6-5-maintenance-amp-mises-%C3%A0-jour-annuel">🔄 5. Maintenance &amp; mises à jour (annuel)</h3>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Poste</th><th>Coût annuel</th></tr></thead><tbody><tr><td>Corrections bugs</td><td><strong>500 – 2 000 €</strong></td></tr><tr><td>Mises à jour OS (iOS / Android)</td><td><strong>500 – 1 500 €</strong></td></tr><tr><td>Évolutions fonctionnelles</td><td><strong>1 000 – 5 000 €</strong></td></tr><tr><td><strong>Sous-total annuel</strong></td><td><strong>2 000 – 8 000 €</strong></td></tr></tbody></table></figure>



<p><strong>Source</strong> : pratiques agences &amp; freelances France</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h2 class="wp-block-heading" id="7-budget-total-%E2%80%93-vision-synth%C3%A8se">🧮 Budget total – vision synthèse</h2>



<h3 class="wp-block-heading" id="8-application-simple-cas-%C3%A9tudiant-pme">📱 Application simple (cas étudiant / PME)</h3>



<ul class="wp-block-list">
<li>Année 1 : <strong>4 500 – 10 000 €</strong></li>



<li>Années suivantes : <strong>2 500 – 4 000 € / an</strong></li>
</ul>



<h3 class="wp-block-heading" id="9-application-professionnelle-business">🚀 Application professionnelle / business</h3>



<p>Années suivantes : <strong>4 000 – 10 000 € / an</strong></p>



<p>Année 1 : <strong>15 000 – 30 000 €</strong></p>

</div>
		</div>
</div>


<p></p>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">4</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>Les codes spécifiques de la mobilité</h2>
</div>
<ul class="chapter-points"><li>Notifier via l'appli</li><li>Optimiser l'UX pour le mobile</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->



<p>➡️ Qu'il s'agisse des <strong>outils</strong> (applis), des <strong>méthodes </strong>(notifications, localisation ...) ou de la <strong>visibilité</strong>, la mobilité obéit à <strong>des codes spécifiques</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="361" height="471" src="https://st9ph.fr/wp-content/uploads/2026/01/image-370.png" alt="" class="wp-image-33738" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-370.png 361w, https://st9ph.fr/wp-content/uploads/2026/01/image-370-230x300.png 230w" sizes="auto, (max-width: 361px) 100vw, 361px" /></figure>



<p></p>



<p></p>



<p class="has-small-font-size">Je ne sais pas si vous "avez la ref" pour l'illustration de droite 👉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>📳 Les <strong>smartphones</strong> sont des ordinateurs dépourvus de périphériques externes mais dotés de <strong>3 atouts </strong>qui les distinguent :</p>



<ul class="wp-block-list">
<li>ils disposent d’une <strong>carte SIM </strong>(Suscriber Indentity Module) qui permet de les raccorder (borner) au <strong>réseau mobile GSM (</strong>Global System Mobile) et avec les<strong>dernières générations (</strong>4<sup>ème</sup> et 5<sup>ème</sup> dites <strong>4G et 5G</strong>) proposent <strong>un débit nomade </strong>aussi intéressant pour la navigation sur l’internet qu’avec les réseaux sédentaires (ADSL et fibre).</li>



<li>Ils intègrent pratiquement tous <strong>une puce GPS</strong> (global positioning System) qui permet, par triangulation d’un signal sur trois satellites en orbite autour de la planète <strong>de définir au mètre près la position de la puce sur la surface du globe</strong> !</li>



<li>Ils disposent d'<strong>un appareil photo</strong> qui vos permettra de les faire scanner vos code barres et QR codes</li>
</ul>



<p class="has-accent-color has-text-color has-link-color wp-elements-d05082b7cffff2769f3750dcaf2f098d"><em>Ce sont des spécificités à exploiter car <strong>vous pouvez désormais suivre vos clients partout </strong>!</em></p>



<figure class="wp-block-image size-full"><a href="https://youtu.be/hGI2d31M7Ns" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="554" height="216" src="https://st9ph.fr/wp-content/uploads/2026/01/image-379.png" alt="" class="wp-image-33764" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-379.png 554w, https://st9ph.fr/wp-content/uploads/2026/01/image-379-300x117.png 300w" sizes="auto, (max-width: 554px) 100vw, 554px" /></a></figure>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">4.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Notifier via l'appli</strong></h3>



<p><strong>Votre appli mobile </strong>que votre client a téléchargé <strong>est une aubaine</strong> <strong>pour le conduire jusqu'à votre boutique</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur le schéma ci-contre, prenons l’exemple de 3 clients du magasin au centre de la carte qui ont l’appli mobile du magasin :</p>



<ul class="wp-block-list">
<li>Grace au guidage satellite de son GPS, le commerçant peut <strong>guider le <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client A </mark></strong>qui demande <strong>un itinéraire vers le parking gratuit </strong>disponible le plus proche.</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="266" height="139" src="https://st9ph.fr/wp-content/uploads/2026/01/image-372.png" alt="" class="wp-image-33742"/></figure>
</div>


<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client B</mark></strong> venant de <strong>changer de borne</strong>, car il se rapproche, <strong>est détecté sur la même antenne GSM que le magasin</strong> ; Il reçoit une <strong>notification de push </strong>lui indiquant une promo en cours</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-371.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<ul class="wp-block-list">
<li>Le <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">client C</mark></strong> <strong>s’éloigne du magasin</strong> et change de borne. L’appli détecte son départ et lui <strong>demande son avis </strong>sur sa visite (il l’a détecté au préalable car son appli <strong>a capté le wifi de la SVP</strong> de manière durable ou bien encore parce qu’il <strong>a scanné sa carte de fidélité)</strong>.</li>
</ul>
</div>
</div>



<p class="has-medium-font-size">➡️ Impressions :</p>



<ul class="wp-block-list">
<li>En moyenne, <strong>~60 % des utilisateurs d’app activent les notifications push</strong> quand on leur demande.</li>



<li>Sur Android le taux d’opt-in peut atteindre <strong>≈91 %</strong>, sur iOS plutôt <strong>≈44 %</strong>, à cause des réglages de consentement différents.</li>



<li><strong>~48 % ouvrent une notification dans les 15 minutes</strong> suivant sa réception.</li>



<li>Jusqu’à <strong>90 % des notifications transactionnelles sont délivrées et ouvertes rapidement</strong>.</li>



<li>sont jugées <strong>pertinentes </strong>(pour eux) <strong>par ~70 % des utilisateurs</strong>.</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="556" height="215" src="https://st9ph.fr/wp-content/uploads/2026/01/image-374.png" alt="" class="wp-image-33745" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-374.png 556w, https://st9ph.fr/wp-content/uploads/2026/01/image-374-300x116.png 300w" sizes="auto, (max-width: 556px) 100vw, 556px" /></figure>
</div>


<p class="has-base-2-background-color has-background">ℹ️ On parle <strong>d'Opt-In </strong>(comme pour le RGPD) pour <strong>l'acceptation des notifications</strong>.</p>



<p>Selon l'enquête de Gitnux, l'opt-in se mesure ainsi :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Fréquence d’envoi</th><th>Réaction utilisateur</th><th>Effet observé</th></tr></thead><tbody><tr><td><strong>0–1 / semaine</strong></td><td>Peu perçues</td><td>❌ Sous-utilisation</td></tr><tr><td><strong>1–2 / semaine</strong></td><td>Bien acceptées</td><td>✅ Engagement optimal</td></tr><tr><td><strong>3–5 / semaine</strong></td><td>Tolérance variable</td><td>⚠️ Risque de lassitude</td></tr><tr><td><strong>6–10 / semaine</strong></td><td>Désactivation fréquente</td><td>❌ Baisse d’opt-in</td></tr><tr><td><strong>+10 / semaine</strong></td><td>Rejet / désinstallation</td><td>🚨 Effet spam</td></tr></tbody></table></figure>



<p class="has-medium-font-size">➡️ Engagement</p>



<ul class="wp-block-list">
<li>Le <strong>taux de clic (CTR)</strong> moyen se situe autour de <strong>3–8 %</strong> selon le secteur et la plateforme.</li>



<li>Dans certains segments <em>e-commerce ou media</em>, ce taux peut être encore plus élevé (≈10 %+).</li>



<li>Notifications bien ciblées / personnalisées peuvent <strong>multiplier l’engagement jusqu’à +300 % ou +400 %</strong>.</li>



<li><strong>~65 % des utilisateurs reviennent dans l’application dans les 30 jours s’ils ont activé les push.</strong></li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="546" height="208" src="https://st9ph.fr/wp-content/uploads/2026/01/image-375.png" alt="" class="wp-image-33746" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-375.png 546w, https://st9ph.fr/wp-content/uploads/2026/01/image-375-300x114.png 300w" sizes="auto, (max-width: 546px) 100vw, 546px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">Ce qui fonctionne :</p>



<p>a) <strong>Personnalisation</strong></p>



<p>Les messages personnalisés (nom, intérêts, historique) <strong>boostent l’ouverture et les conversions</strong>.<br>➡️ La personnalisation comportementale peut augmenter l’engagement de <strong>×4 ou plus</strong>.</p>



<p>b) <strong>Segmentation</strong></p>



<p>Envoyer <em>le bon message au bon segment</em> (ex : nouveaux utilisateurs, utilisateurs inactifs, gros acheteurs) augmente énormément les résultats — <strong>jusqu’à +300 % d’engagement</strong>.</p>



<p> c) <strong>Timing optimal</strong></p>



<ul class="wp-block-list">
<li>Envoyer au bon moment (+40 % d’engagement si bien synchronisé avec l’usage).</li>



<li>Certaines études montrent <strong>mardi comme jour optimal</strong> pour l’engagement.</li>
</ul>



<p> d) <strong>Rich media</strong></p>



<p>Utiliser <strong>images, boutons d’action, emojis, contenus dynamiques</strong> augmente le taux d’ouverture et de réaction.<br>Les notifications avec médias performants peuvent avoir jusqu’à <strong>+50 % d’engagement en plus</strong>.</p>



<p>e) <strong>Notifications de valeur</strong></p>



<p>Les messages qui alertent d’un <strong>événement utile immédiat</strong> (statut de commande, rappel de rendez-vous, offre limitée) fonctionnent mieux que les messages génériques.<br>➡️<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> 70–80 % des utilisateurs les trouvent utiles si elles sont pertinentes.</mark></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">Ce qui ne fonctionne pas :</p>



<p>a) <strong>Envoyer trop souvent</strong></p>



<ul class="wp-block-list">
<li>46 % des utilisateurs désactivent les notifications si on en envoie <strong>2–5 par semaine</strong>.</li>



<li>32 % désactivent si on passe <strong>6 ou plus par semaine</strong>.</li>
</ul>



<p>➡️ <em>Trop de notifications = spam = désactivation = désinstallation.</em></p>



<p> b) <strong>Messages non pertinents</strong></p>



<p>Si le contenu n’apporte <strong>aucune valeur réelle</strong>, les utilisateurs l’ignorent ou désactivent les alertes.<br>➡️ ~49 % trouvent les notifications intrusives si elles ne sont pas pertinentes.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="325" height="223" src="https://st9ph.fr/wp-content/uploads/2026/01/image-376.png" alt="" class="wp-image-33747" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-376.png 325w, https://st9ph.fr/wp-content/uploads/2026/01/image-376-300x206.png 300w" sizes="auto, (max-width: 325px) 100vw, 325px" /></figure>
</div>


<p>c) <strong>Demander l’autorisation trop tôt</strong></p>



<p>Demander immédiatement l’autorisation la première fois que l’utilisateur ouvre l’app peut faire baisser les opt-in de <strong>≈50 %</strong>.<br>➡️ <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Attendre une interaction ou expliquer la valeur avant de demander augmente les opt-in importants.</mark></p>
</div>
</div>



<p class="has-medium-font-size">➡️ Conversions</p>



<ul class="wp-block-list">
<li> <strong>Jusqu’à +72 % de conversions</strong> (achat ou action) liées à une notification.</li>
</ul>



<p class="has-small-font-size">📚 Sources : <a href="https://www.businessofapps.com/marketplace/push-notifications/research/push-notifications-statistics/" target="_blank" rel="noreferrer noopener">Business Of Apps</a>, <a href="https://gitnux.org/push-notification-statistics/" target="_blank" rel="noreferrer noopener">Gitnux</a> - voir toutes les sources dans le menu flottant -&gt;</p>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>sourcing Chat GPT</strong> – tendances et stats vérifiées par @st9ph</li>
<li><strong>Nano Banana de Google Gemini</strong> – personnage d'illustration et image en avant</li>
<li><strong>ARCEP / ANCT / CGE</strong> – Baromètre du numérique</li>
<li><strong>INSEE</strong> – Équipements et usages numériques</li>
<li><strong>DataReportal</strong> – Digital & Mobile Reports France</li>
<li><strong>Business of Apps</strong> – Push notifications benchmarks</li>
<li><strong>Gitnux</strong> – Mobile engagement statistics</li>
<li><strong>Statista</strong> – Temps passé smartphone</li>
<li><strong>data.ai</strong> – Mobile app usage insights</li>
<li><strong>Airship / Localytics</strong> – Push performance</li>
<li><strong>Saas Screenfly</strong> – Outil en ligne de visualisation d'affichages mobiles</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l'épreuve écrite E5A.</p>
<ul>
<li>savoir mettre en avant les avantages et les contraintes du développement d'une application mobile</li>
<li>savoir analyser la conception d'un écran mobile</li>
<li>Savoir valoriser la mobilité dans sa communication commerciale</li>
</ul>
<p>Quelques apports WordPress (affichage mobile, options de présentation des images ou autres blocs selon les supports desktop ou mobile)</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>UX</strong> : expérience utilisateur globale</li>
<li><strong>Thumb Zone</strong> : zone de pouce de l'écran où le mobinaute reste agile</li>
<li><strong>Mobinaute</strong> : utilisateur sur smartphone</li>
<li><strong>WYSIWYG</strong> : aperçu du résultat en temps réel pendant le développement</li>
<li><strong>Frendly ou responsive</strong> : fait pour un confort sur smartphone</li>
<li><strong>Opt-in</strong> : consentement aux notifications</li>
<li><strong>"borner"</strong> : se connecter à une antenne GSM</li>
<li><strong>CTR</strong> : taux de clic</li>
<li><strong>Push</strong> : notification envoyée par une app</li>
<li><strong>Rétention</strong> : capacité à faire revenir</li>
<li><strong>GSM</strong> : Global System Mobile (4G, 5G...)</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">4.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Optimiser l'UX pour la mobilité</strong></h3>



<p>👉 La conception de l'interface mobile devra donc respecter<strong> les thumb zones</strong>🤏, s'adapter <strong>aux usages en mobilité🚶‍➡️ </strong>(aller simplement à l'essentiel) tout en profitant des <strong>spécificités de l'outil </strong>📳(Géolocalisation, appareil photo / scan et notifications).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="294" height="598" src="https://st9ph.fr/wp-content/uploads/2026/01/image-386.png" alt="" class="wp-image-33852" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-386.png 294w, https://st9ph.fr/wp-content/uploads/2026/01/image-386-147x300.png 147w" sizes="auto, (max-width: 294px) 100vw, 294px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Ici, l'appli mobile <strong>Leroy Merlin </strong>sur sa <strong>page d'acceuil :</strong></p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-0c380f72-b5dd-409f-9f8c-1dbca7ed1c60">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 320 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-562fc793-4ae1-4276-94f3-74336b4fc6e5">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path fill="#cf2e2e" d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg>
				</span>
				<span class="ub_list_item_text">la zone de déséquilibre <mark style="color:#e93333" class="has-inline-color">contient </mark><strong><mark style="color:#e93333" class="has-inline-color">une action</mark> </strong>est pas des moindres, celles d'<strong>activer le moteur de recherche</strong>, même si <strong>le clavier</strong><mark style="color:#eebf32" class="has-inline-color"> sera </mark><strong><mark style="color:#eebf32" class="has-inline-color">dans la zone d'effort</mark> </strong>(à une main) ou <mark style="color:#13b91b" class="has-inline-color"><strong>de confort</strong></mark> (à deux mains)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="color: var(--contrast); --ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-56a7d981-46bb-4b78-9d3e-ee41c771e5cd">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#00d084" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">la <strong>navigation </strong>et les <strong>CTA </strong>sont correctement placés dans la zone de confort</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="color: var(--contrast); --ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-a85581fa-c9ce-4b3b-9993-6891b997dcf1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="#00d084" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"></path></svg>
				</span>
				<span class="ub_list_item_text">La recherche contient<strong> la possibilité de flasher les codes barres </strong>pour obtenir des infos produits</span>
			</div>
			
		</li>
</ul>


<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="286" height="597" src="https://st9ph.fr/wp-content/uploads/2026/01/image-382.png" alt="" class="wp-image-33844" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-382.png 286w, https://st9ph.fr/wp-content/uploads/2026/01/image-382-144x300.png 144w" sizes="auto, (max-width: 286px) 100vw, 286px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="283" height="596" src="https://st9ph.fr/wp-content/uploads/2026/01/image-383.png" alt="" class="wp-image-33847" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-383.png 283w, https://st9ph.fr/wp-content/uploads/2026/01/image-383-142x300.png 142w" sizes="auto, (max-width: 283px) 100vw, 283px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="254" height="356" src="https://st9ph.fr/wp-content/uploads/2026/01/image-385.png" alt="" class="wp-image-33849" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-385.png 254w, https://st9ph.fr/wp-content/uploads/2026/01/image-385-214x300.png 214w" sizes="auto, (max-width: 254px) 100vw, 254px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>😐 L'écran mon compte amène également sur <strong>la zone d'effort </strong>son <strong>CTA de remise </strong>même si cela se défend aussi. o<strong>n sera plus statique  lors du passage en caisse </strong>et on tiendra surement le smartphone à deux mains.</p>



<p class="has-base-2-background-color has-background">Il faudra <strong>suivre les tableaux de bord </strong>📈pour <strong>vérifier le CTR </strong>de ces différentes pages</p>
</div>
</div>



<div class="wp-block-uagb-counter uagb-block-2f91ab07 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="11" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title"><strong>Remise "carte maison"</strong> (présentations / nb de passage en caisse) :</div></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>💥 Vos <strong>notifications de Push</strong> mériteront elles-aussi d'être mesurées (impressions, opt-out / Stop, taux de clic, conversions liées)</p>



<p class="has-base-2-background-color has-background">Ci-contre, un essai de notification via<a href="https://www.spot-hit.fr/" target="_blank" rel="noreferrer noopener"> Spot-It</a> qui propose des forfaits à <strong>0,15€ le SMS</strong> 👉</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-387.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">👈 une notification de Push de l'appli Boulanger qui m'avait segmenté gamer, dirait-on.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Autre avantage d'inciter à l'i<strong>nstallation de votre appli mobile</strong>, vous évitez que les filtres des opérateurs FAI vous cataloguent comme un <strong>indésirable</strong>. 👉</p>


<div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="152" height="198" src="https://st9ph.fr/wp-content/uploads/2026/01/image-389.png" alt="" class="wp-image-33856"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-388.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>📏<strong> KPI</strong> notables :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/Screenshot_2021-12-04-10-08-44-665_com.google.android.apps_.messaging-461x1024.jpg" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<ul class="wp-block-list">
<li>taux de délivrabilité</li>



<li>taux d'ouverture</li>



<li>taux de clic</li>



<li>Taux de rebond à l'atterrissage</li>



<li>Ventes liées</li>
</ul>
</div>
</div>



<p>Cela ressemble beaucoup à vos campagnes d'<strong>Email Marketing</strong> sauf que <strong>le message est plus court </strong>et que <strong>le déclencheur </strong>n'est pas qu'un lancement de campagne sur un segment, mais <strong>l'opportunité liée aux déplacements à proximité</strong> de nos SVP.</p>



<p class="has-base-2-background-color has-background">Profitez du <strong>GPS</strong> et de <strong>l'appareil photo</strong> de vos clients pour leurs proposer <strong>des interactions spécifiques</strong> qui les rendront <strong>acteurs et uniques</strong> comme nulle part ailleurs sur vos autres canaux.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_832be52d-5bee-4651-8fb7-66d2529a7250">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/rtAEmujFHkhPdGfZ7" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8.png" alt="" class="wp-image-33867" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-8-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-ux-mobile%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<p></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/">⏺️Omnicanal | UX Mobile</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/tbx-slide.mp4" length="378649" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_31-01-2026_at_22_46_54_on_January_31st_2026.mp3" length="241344" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">33685</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Search Engine Marketing</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Thu, 08 Jan 2026 20:56:41 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre le SEO]]></category>
		<category><![CDATA[les piliers du SEO]]></category>
		<category><![CDATA[optimiser son site]]></category>
		<category><![CDATA[outils de SEA]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=32397</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire Sociallyin et Twinstrata &#8211; enquête sur les internautes SatsCounter &#8211; Données usages d&#8217;Internet Google Search Central &#8211; video expliquant le crawling Google Analytics et Jetpack WordPress &#8211; illustrations des stats st9ph.fr Google Trends, Yoast Semrush et Ubersuggest &#8211; analyse des mots clés Nano Banana ... <a title="⏺️Omnicanal &#124; Search Engine Marketing" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Search Engine Marketing">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/">⏺️Omnicanal | Search Engine Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p></p>



<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  le &#8220;Search Engine Marketing&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Le Search Engine Marketing (SEM) est l&#8217;addition de la Search Engine Optimization (SEO), le référencement naturel (ou organique) et du Search Engine Advertising (SEA), le référencement sponsorisé. Bref, c&#8217;est l&#8217;ensemble des méthodes de visibilité sur les moteurs de recherche.</p>
</div></div>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
<ul>
<li><strong>Sociallyin et Twinstrata</strong> &#8211; enquête sur les internautes</li>
<li><strong>SatsCounter</strong> &#8211; Données usages d&#8217;Internet</li>
<li><strong>Google Search Central</strong> &#8211;  video expliquant le crawling</li>
<li><strong>Google Analytics et Jetpack WordPress</strong> &#8211; illustrations des stats st9ph.fr</li>
<li><strong>Google Trends, Yoast Semrush et Ubersuggest</strong> &#8211; analyse des mots clés</li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – personnage d&#8217;illustration et image en avant</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">
<p> 🟦 Cet article est à visée de l&#8217;épreuve écrite E5A</p>
<ul>
<li>savoir identifier les enjeux, les éléments clés et les méthodes de SEO </li>
<li>savoir identifier les enjeux, les éléments clés et les méthodes de SEA </li>
</ul>
<p>👉 ces éléments sont incontournables dans les dossiers </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">
<ul>
<li><strong>SERP</strong> : Search Engine Page Result </li>
<li><strong>Crawlable</strong> : que les Google Bots peuvent analyser </li>
<li><strong>LCP</strong> : Largest Contentful Paint (Chargement)</li>
<li><strong>INP</strong> : Interaction to Next Paint (temps de réaction) </li>
<li><strong>CLS</strong> : Cumulative Layout Shift (charge cumulée du navigateur) </li>
<li><strong>Navigateur</strong> : Logiciel qui permet de visualiser les pages d&#8217;internet </li>
<li><strong>Moteur de recherche</strong> : Base de donnée et éditeur de SERP (dans le navigateur) </li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_31_54_on_January_12th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 écouter l'intro audio</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div class="wp-block-uagb-counter uagb-block-00c02f68 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M318.4 304.5c-3.531 9.344-12.47 15.52-22.45 15.52h-105l45.15 94.82c9.496 19.94 1.031 43.8-18.91 53.31c-19.95 9.504-43.82 1.035-53.32-18.91L117.3 351.3l-75 88.25c-4.641 5.469-11.37 8.453-18.28 8.453c-2.781 0-5.578-.4844-8.281-1.469C6.281 443.1 0 434.1 0 423.1V56.02c0-9.438 5.531-18.03 14.12-21.91C22.75 30.26 32.83 31.77 39.87 37.99l271.1 240C319.4 284.6 321.1 295.1 318.4 304.5z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="10" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des internautes<br>cliquent en <strong>page 2</strong><br>d'une SERP</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🙄c'est quoi une SERP ?</summary>
<p>Search Engine Page Result (ou Response) : la page de résultat d'une recherche quand vous validez vos mots clés</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>🚩Selon <a href="https://sociallyin.com/google-statistics/" target="_blank" rel="noreferrer noopener">Sociallyin</a>, <strong>90 % des internautes cliquent sur </strong>un lien de SERP sur <strong>la 1ere page </strong>!</p>



<p class="has-base-2-background-color has-background">Quant on sait que si on enlève <strong>les liens sponsorisés </strong>de haut et de bas de page, <strong>le carrousel</strong> éventuel <strong>de produits</strong>, la loupe <strong>d'échantillons d'images </strong>ou autre, <strong>il vous reste 4 ou 5 lignes</strong> pour être dans tout ce bazar !</p>



<p class="has-text-align-center">🌍 Ce sont <strong>les 2/3 des nouveaux atterrissages </strong>sur vos eshops qui seront de <strong>source organique</strong> selon <a href="https://www.twinstrata.com/seo-statistics/" target="_blank" rel="noreferrer noopener">twinstrata</a> !</p>
</div>
</div>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p class="has-large-font-size">100 000 </p>



<p>C'est <strong>le nombre de SERP  demandées chaque seconde</strong> aux moteurs de recherche !</p>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d'IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-2"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-75ce1b91-c0b7-41c4-a51d-4003cd1a68bf-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-c4908510-d237-4520-8475-b938427319c4">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-c4908510-d237-4520-8475-b938427319c4-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-c2bbe883-faf6-4ce1-bd21-50a975f5d771">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-c2bbe883-faf6-4ce1-bd21-50a975f5d771-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">44–66 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">10 445 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-02T10:32:31+02:00">2 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-a32f2ab0      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							plan de l'article :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#0-moteurs-et-enjeux" class="uagb-toc-link__trigger">0️⃣| Moteurs et enjeux ?</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#le-référencement-naturel-seo" class="uagb-toc-link__trigger">Le référencement naturel (SEO)</a><ul class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#11-le-maillage-linking" class="uagb-toc-link__trigger">🔹1.1 | ⚙️ Le maillage (linking)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#maillage-interne-et-externe-referal-vos-autres-sites" class="uagb-toc-link__trigger">➡️ Maillage interne et externe Referal (vos autres sites)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#liens-externes-purs-afiliate" class="uagb-toc-link__trigger">➡️ Liens externes purs (Afiliate)</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#12-pertinence-du-contenu-et-des-mots-clés" class="uagb-toc-link__trigger">🔹1.2 | ⚙️ pertinence du contenu et des mots clés</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#balises-choix-de-mots-clés-et-longues-traines" class="uagb-toc-link__trigger">➡️Balises, choix de mots clés et longues traines</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#pertinence-des-contenus" class="uagb-toc-link__trigger">➡️ Pertinence des contenus</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#13-règles-de-conception-et-traçage" class="uagb-toc-link__trigger">🔹1.3 | ⚙️ règles de conception et traçage</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#développer-light" class="uagb-toc-link__trigger">➡️ Développer &quot;light&quot;</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#laissez-google-entrer-dans-votre-backoffice" class="uagb-toc-link__trigger">➡️ laissez Google entrer dans votre backoffice</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#le-référencement-sponsorisé-sea" class="uagb-toc-link__trigger">le référencement sponsorisé (SEA)</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-eae912ddd198ecec5b20ff91449c86dd" id="0-0%EF%B8%8F%E2%83%A3-moteurs-et-enjeux-">0️⃣| Moteurs et enjeux ?</h2>



<p>Voici un graphique qui <strong>se met à jour automatiquement </strong>depuis le <a href="https://gs.statcounter.com/search-engine-market-share/all/france" target="_blank" rel="noreferrer noopener">statcounter</a>. A l'heure où j'écris cet article (janvier 2026) <strong>Google </strong>(Google.fr + google.com)<strong> est ultra dominant avec 93 % des recherches</strong> effectuées <strong>en France</strong> sur 12 mois glissants (soit <strong>pour 2025</strong>). <em>Mais, je serais très surpris que cela change</em> ! 😯</p>



<!-- DÉBUT STATCOUNTER MOTEURS DE RECHERCHE (V2 - ID CORRIGÉ) -->
<div id="statcounter-search-placeholder" style="width:100%; max-width:600px; height:400px; margin: 0 auto; text-align:center;">
    <p style="color:#777; font-style:italic;">Chargement des statistiques en cours...</p>
</div>
<p style="text-align:center; font-size:0.9em; color:#555;">
    Source: <a href="https://gs.statcounter.com/search-engine-host-market-share/all/france" target="_blank" rel="noopener">StatCounter - Moteurs de recherche France</a>
</p>

<script>
(function() {
    // 1. Calcul des dates dynamiques
    const now = new Date();
    const currentYear = now.getFullYear();
    const currentMonth = now.getMonth() + 1; 
    
    // Mois dernier (M-1)
    let endYear = currentYear;
    let endMonth = currentMonth - 1;
    
    if (endMonth === 0) { 
        endMonth = 12;
        endYear = currentYear - 1;
    }
    
    // Début : 1 an avant
    let startYear = endYear - 1;
    let startMonth = endMonth;
    
    // Formatage AAAAMM
    const format = (y, m) => y.toString() + (m < 10 ? '0' : '') + m.toString();
    
    const startStr = format(startYear, startMonth);
    const endStr = format(endYear, endMonth);
    
    // 2. Construction de l'ID unique (CORRIGÉ)
    // Basé sur ton ID original : all-search_engine_host-FR-monthly-AAAAAA-BBBBBB
    const baseId = "all-search_engine_host-FR-monthly";
    const chartId = `${baseId}-${startStr}-${endStr}`;
    
    // 3. Mise à jour de la DIV
    const container = document.getElementById('statcounter-search-placeholder');
    container.id = chartId; 
    container.style.width = "600px";
    container.style.height = "400px";
    
    // 4. Injection des scripts
    // Vérification pour éviter de charger fusioncharts.js deux fois sur la même page
    if (!document.querySelector('script[src="https://www.statcounter.com/js/fusioncharts.js"]')) {
        const script1 = document.createElement('script');
        script1.type = 'text/javascript';
        script1.src = 'https://www.statcounter.com/js/fusioncharts.js';
        document.body.appendChild(script1);
    }
    
    const script2 = document.createElement('script');
    script2.type = 'text/javascript';
    // URL reconstruite avec le bon ID
    script2.src = `https://gs.statcounter.com/chart.php?${chartId}&#038;chartWidth=600`;
    
    document.body.appendChild(script2);
    
    console.log(`StatCounter Moteurs chargé pour : ${startStr} à ${endStr}`);
    console.log(`ID utilisé : ${chartId}`);
})();
</script>
<!-- FIN STATCOUNTER MOTEURS DE RECHERCHE -->



<p>Si on dissocie la part <strong>mobilité </strong>de la part <strong>sédentaire</strong>, les données sont assez différentes (2025) :</p>



<figure class="wp-block-table"><table><thead><tr><th class="has-text-align-right" data-align="right"><strong>Moteur de recherche</strong></th><th class="has-text-align-center" data-align="center"><strong>Mobile </strong></th><th class="has-text-align-center" data-align="center"><strong>Desktop </strong></th><th class="has-text-align-center" data-align="center"><strong>Global </strong></th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">🥇<strong>Google</strong> (.fr + . com)</td><td class="has-text-align-center" data-align="center"><em>93,5</em>7 % </td><td class="has-text-align-center" data-align="center">78,66 % </td><td class="has-text-align-center" data-align="center">≈ 88,58 % </td></tr><tr><td class="has-text-align-right" data-align="right">🥈 <strong>Bing</strong></td><td class="has-text-align-center" data-align="center">00,60 % </td><td class="has-text-align-center" data-align="center">12,56 % </td><td class="has-text-align-center" data-align="center">≈ 05,35 % </td></tr><tr><td class="has-text-align-right" data-align="right">🥉 <strong>Yahoo!</strong></td><td class="has-text-align-center" data-align="center">NC</td><td class="has-text-align-center" data-align="center">04,06 % </td><td class="has-text-align-center" data-align="center">≈ 01,85 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>Ecosia</strong></td><td class="has-text-align-center" data-align="center">01,05 % </td><td class="has-text-align-center" data-align="center">01,11 %</td><td class="has-text-align-center" data-align="center">≈ 01,27 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>Qwant</strong></td><td class="has-text-align-center" data-align="center">00,70 % </td><td class="has-text-align-center" data-align="center">01,38 %</td><td class="has-text-align-center" data-align="center">≈ 00,93 % </td></tr><tr><td class="has-text-align-right" data-align="right"><strong>DuckDuckGo</strong></td><td class="has-text-align-center" data-align="center">00,55 %</td><td class="has-text-align-center" data-align="center">01,07 % </td><td class="has-text-align-center" data-align="center">≈ 00,72 %</td></tr><tr><td class="has-text-align-right" data-align="right"><strong>part Mobile  / Desktop</strong></td><td class="has-text-align-center" data-align="center"><strong>54,83 %</strong></td><td class="has-text-align-center" data-align="center"><strong>45,17 %</strong></td><td class="has-text-align-center" data-align="center"><strong>100 %</strong></td></tr></tbody></table></figure>



<p class="has-small-font-size">On observe, notamment, <strong>la niche Bing sur Desktop </strong>correspondant à une audience sédentaire, plutôt génération X.</p>



<p class="has-base-2-background-color has-background">Même s'ils demeurent <strong>20 fois moins imposants que Google</strong>, <strong>Bing et Yahoo</strong> occupent les deux autres places du podium.</p>



<p>➡️ Il faut <strong>pondérer ces résultats </strong>car ces deux éditeurs (Microsoft pour Bing) pratiquent <strong>le dumping marketing </strong>:</p>



<ul class="wp-block-list">
<li><strong>Bing est le moteur par défaut </strong>installé sur le navigateur <strong>Edge de Microsoft Windows.</strong> On est jamais mieux servi que par soi-même. Même si l'UE oblige désormais la firme américaine à <strong>donner le choix lors de l'installation</strong>, une partie conséquente des utilisateurs valident toujours les choix par défaut.</li>



<li><strong>Yahoo est partenaire de McAfee</strong>, un célèbre antivirus leader du marché, qui vous propose de <strong>sécuriser votre connexion internet</strong> (un clic suffit) sans vous prévenir que vous allez c<strong>hanger de moteur de recherche.</strong> Hé oui ! <strong>Yahoo remplace Google</strong>, même sous Chrome.</li>
</ul>



<p class="callout rouge has-base-2-background-color has-background">😒 <strong>C'est juste minable </strong>tellement c'est sournois (excusez moi, je ne trouve pas d'autres mots) mais ces deux firmes nous ont habitués à pire encore.</p>



<p>Heureusement, d'autres pensent différemment. On citera <a href="https://www.ecosia.org/" target="_blank" rel="noreferrer noopener">Ecosia </a>qui s'engage à investir la plus grande part de ses bénéfices dans <strong>l'action écologique</strong>, ou <a href="https://duckduckgo.com/" target="_blank" rel="noreferrer noopener">Duck-Duck-Go</a> qui empêche <strong>le traçage de vos données</strong> et le hameçonnage.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="595" src="https://st9ph.fr/wp-content/uploads/2026/01/image-51-1024x595.png" alt="" class="wp-image-32402" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-51-1024x595.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-51-300x174.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-51-768x446.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-51.png 1195w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">le bilan financier d'Ecosia, mois par mois,  sur son blog.</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="986" height="319" src="https://st9ph.fr/wp-content/uploads/2026/01/image-52.png" alt="" class="wp-image-32403" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-52.png 986w, https://st9ph.fr/wp-content/uploads/2026/01/image-52-300x97.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-52-768x248.png 768w" sizes="auto, (max-width: 986px) 100vw, 986px" /><figcaption class="wp-element-caption">La Promesse de Doc-Doc-Go dans le footer de sa page d'accueil</figcaption></figure>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-a59757c4a7955e2ee3f4bdbe36b0ab85">Mais, voilà, <strong>Google reste le géant qui écrase tous les autres</strong>, et dans <strong>nos stratégies marketing</strong>, c'est à lui qu'on va s'intéresser <strong>en premier pour notre référencement</strong>.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p><strong>Le contexte international tendu entre l'Europe et les Etats-Unis </strong>(administration Trump) cumulée au danger d'<strong>hégémonie des GAFAM</strong> contre laquelle tente de lutter l'UE font que les entreprises essaient de plus en plus de<strong> trouver des alternatives à la dépendance aux outils américains</strong>. Fin mars 2026, <strong>la part Google tombe à 87 %</strong> (-6 pts), la plus basse constatée durant la décennie ! </p>



<p class="has-small-font-size">Ajout du 2 avril 2026</p>
</div></div>



<!-- DÉBUT TITRE CHAPITRE -->
<style>
.chapter-title { display: flex; align-items: stretch; margin: 1.7rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.chapter-number { background: #1e73be; color: #fff; font-weight: 700; font-size: 2.8rem; padding: 0 1.1rem; display: flex; align-items: center; justify-content: center; }
.chapter-content { padding: 1.3rem 1.5rem; width: 100%; }
.chapter-heading { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.6rem; }
.chapter-logo { width: 42px; height: 42px; flex-shrink: 0; display:block; }
.chapter-logo img { width: 100%; height: 100%; object-fit: contain; }
.chapter-content h2 { margin: 0; font-size: 2.1rem; font-weight: 700; color: #1e73be; }
.chapter-points { margin: 0; padding-left: 0; list-style: none; }
.chapter-points li { margin-bottom: 0.35rem; color: #444; font-size: 0.95rem; line-height: 1.45; }
.chapter-points li::before { content: "🔹 "; }
</style>
<div class="chapter-title">
<div class="chapter-number">1</div>
<div class="chapter-content">
<div class="chapter-heading">
<a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
<img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo">
</a>
<h2>Le référencement naturel (SEO)</h2>
</div>
<ul class="chapter-points"><li>Maillage (Linking)</li><li>Contenu & mots clés</li><li>Règles de conception et traçage</li></ul>
</div>
</div>
<!-- FIN TITRE CHAPITRE -->


<div style="max-width: -moz-fit-content; " class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-710fa3b5-2a4b-46ed-88b3-a7c2c0a6e6c7" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				<div class="ub_table-of-contents-header-toggle">
			<div class="ub_table-of-contents-toggle" style="">
			 [<a class="ub_table-of-contents-toggle-link" href="#" style="">hide</a>]
			</div>
		</div>
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#1-11-%E2%9A%99%EF%B8%8F-le-maillage-linking-" style="">🔹1.1 | ⚙️ Le maillage (linking)</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#2-%E2%9E%A1%EF%B8%8F-maillage-interne-et-externe-referal-vos-autres-sites-" style="">➡️ Maillage interne et externe Referal (vos autres sites)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#3-%E2%9E%A1%EF%B8%8F-liens-externes-purs-afiliate" style="">➡️ Liens externes purs (Afiliate)</a></li></ul></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#4-12-%E2%9A%99%EF%B8%8F-pertinence-du-contenu-et-des-mots-cl%C3%A9s-" style="">🔹1.2 | ⚙️ pertinence du contenu et des mots clés</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#5-%E2%9E%A1%EF%B8%8Fbalises-choix-de-mots-cl%C3%A9s-et-longues-traines" style="">➡️Balises, choix de mots clés et longues traines</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#6-%E2%9E%A1%EF%B8%8F-pertinence-des-contenus" style="">➡️ Pertinence des contenus</a></li></ul></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#7-13-%E2%9A%99%EF%B8%8F-r%C3%A8gles-de-conception-et-tra%C3%A7age-" style="">🔹1.3 | ⚙️ règles de conception et traçage</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#8-%E2%9E%A1%EF%B8%8F-d%C3%A9velopper-light" style="">➡️ Développer "light"</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/#9-%E2%9E%A1%EF%B8%8F-laissez-google-entrer-dans-votre-backoffice" style="">➡️ laissez Google entrer dans votre backoffice</a></li></ul></li></ul>
			</div>
		</div></div>


<p>l'algorithme qui décide de votre classement<strong> </strong>(avant ou après vos concurrents) en SERP sur expression de mots clés est en<strong> fait un score</strong> ! Oui, c'est une note qui décide de votre <strong>Ranking</strong>, cad si vous serez devant ou derrière.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-53.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background"><strong>L'algorithme est tenu secret,</strong> mais c'est un secret de polichinelle. Il suffit de lancer<strong> le lighthouse </strong>(sous Chrome) en clic droit - inspecter - menu à chevrons &gt;&gt;- lancer l'analyse , <strong>pour obtenir le score </strong>de n'importe quelle page html.</p>



<p>Ci-dessous, le score de ce blog :</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-text-align-right has-base-2-background-color has-background">➡️ Si vous n'êtes pas <strong>en vert partout,</strong> est <strong>au dessus de 95</strong>, renoncez à l'espoir d'être en page 1 🥇en SEO</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="538" height="192" src="https://st9ph.fr/wp-content/uploads/2026/01/image-54.png" alt="" class="wp-image-32408" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-54.png 538w, https://st9ph.fr/wp-content/uploads/2026/01/image-54-300x107.png 300w" sizes="auto, (max-width: 538px) 100vw, 538px" /></figure>
</div>
</div>



<p>Bon, <strong>pour moi, "c'est mort" </strong>! Mais le pire, c'est que <strong>cela m'arrange bien </strong>! </p>



<p class="has-base-2-background-color has-background">Je n'ai pas envie d'être <strong>trop visible</strong> : <strong>si mon trafic augmente trop,</strong> je devrais <strong>passer à un abonnement plus cher </strong>auprès de mon provider <strong>pour continuer à espérer une bande passante suffisante </strong>pour "accueillir" tout le monde sans que cela ne rame (<strong>lenteurs de chargement</strong>)  !</p>



<p>Vous pouvez voir le détail de l'analyse (c'est en anglais) et <strong>concentrons nous sur la note de SEO </strong>(puisque c'est le sujet) :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="502" height="288" src="https://st9ph.fr/wp-content/uploads/2026/01/image-55.png" alt="" class="wp-image-32409" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-55.png 502w, https://st9ph.fr/wp-content/uploads/2026/01/image-55-300x172.png 300w" sizes="auto, (max-width: 502px) 100vw, 502px" /></figure>



<p class="has-text-align-center">😒 Cette seule "faute" me coute 8 pts / 100 !</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Il s'agit d'une seule erreur, en fait, <strong>un lien qui n'est pas scannable</strong> (crawlable), cad que <strong>Google ne peut pas l'analyser</strong>.</p>



<p class="has-text-align-center has-base-2-background-color has-background">ℹ️ Sauf que c'est juste <strong>une balise (ancre) de positionnement </strong>(qui permet de <strong>conserver le header </strong>quand vous scrollez vers le bas), et que <strong>je n'y peux rien</strong> sauf à annuler cette fonctionnalité !</p>
</div>
</div>



<p>👉🏻 Mais voilà, <strong>il faut choisir</strong> ! Si vous voulez <strong>passez devant vos concurrents</strong> sans recourir au SEA (et payer), il vous faudra <strong>un meilleur score que lui</strong> et, donc, <strong>vous plier aux règles de Google</strong> !</p>



<p>Ci-dessous, <strong>une vidéo</strong> du <a href="https://developers.google.com/search/">Google Search Cent</a><a href="https://developers.google.com/search/" target="_blank" rel="noreferrer noopener">r</a><a href="https://developers.google.com/search/">al </a>(en anglais, sorry !) qui explique <strong>le crawling </strong>⏱️(6'49) :</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="How Google Search crawls pages" width="900" height="506" src="https://www.youtube.com/embed/JuK7NnfyEuc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p class="has-base-2-background-color has-background">Idem <strong>en performances</strong>, ma nouvelle manie de <strong>carrousels d'articles</strong> sur la page d'accueil et dans le bandeau de droite quand vous cliquez sur un article ou une page, augmente <strong>la charge de travail du navigateur </strong>et nuit à la rapidité de chargement de l'ensemble.</p>



<p>➡️ Pour <strong>résumer les éléments de notation,</strong> on peut définir <strong>trois grandes familles de critères </strong>avec chacune deux divisions :</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">🪢 Le <strong>Linking</strong> (maillage)</li>
</ul>



<p>Cela consiste à favoriser le rebond interne et externe afin de proposer une expérience à la fois bien pilotée et riche d'expériences</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">📦 Le <strong>contenu</strong></li>
</ul>



<p>Il doit correspondre à une logique d'appel (mots clés) et proposer à la fois de la pertinence, de l'originalité, de l'authenticité, de la richesse informative ...</p>



<ul class="wp-block-list">
<li class="has-medium-font-size">🛠️ La <strong>technique</strong></li>
</ul>



<p>Votre contenu doit respecter <strong>des règles de conception</strong> et <strong>de fluidité</strong> qui permettront de le référencer et de le visiter <strong>sans difficultés</strong> ni <strong>pour le visiteur</strong>, ni <strong>pour son navigateur</strong>.</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Ne pas confondre 🖥️<strong> navigateur </strong>et 🔎 <strong>moteur de recherche</strong></summary>
<p>Le <strong>navigateur</strong>, c'est <strong>votre logiciel </strong>qui vous <strong>permet de faire des recherches </strong>(Chrome, Opera, Edge, Firefox ...) alors que <strong>le moteur,</strong> c'est <strong>l'outil à l'intérieur du navigateur</strong> qui <strong>fait la recherche</strong> (Google, Bing, Ecosia ...). Ex : Chrome peut très bien faire des recherches avec Bing si vous le reparamétrez et Edge des recherches sur Google ... tout est possible.</p>
</details>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="633" height="635" src="https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small.jpg" alt="" class="wp-image-36603" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small.jpg 633w, https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Scem-seo-small-150x150.jpg 150w" sizes="auto, (max-width: 633px) 100vw, 633px" /></figure>
</div>


<h3 class="wp-block-heading" id="1-11-%E2%9A%99%EF%B8%8F-le-maillage-linking-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> ⚙️ <strong>Le maillage (linking)</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-4e8414b40432b3d4c926cef2daf5f0fa" id="2-%E2%9E%A1%EF%B8%8F-maillage-interne-et-externe-referal-vos-autres-sites-">➡️ <strong>Maillage interne</strong> et externe Referal (vos autres sites) </h4>



<p>Ci-dessous, <strong>un focus sur les 13 liens de la page d'accueil</strong> de ce blog (avant le développement du menu) :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/maillage-st9ph-1-1024x784.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<ol class="wp-block-list">
<li>le <strong>logo cliquable</strong>, toujours visible, qui <strong>permet un retour à l'accueil,</strong> où que l'on soit</li>



<li><strong>le menu</strong> qui permet de développer <strong>tous les contenus </strong>classés en <strong>thématiques </strong>et en <strong>rubriques </strong></li>



<li>Le <strong>moteur de recherche interne </strong>qui permet de trouver des contenus <strong>par saisie de mots clés</strong></li>



<li><strong>le nuage de mots</strong> qui a la même fonction que le moteur mais, cette fois,<strong> en suggérant des mots clés</strong>, plus ou moins gros selon qu'ils apparaissent souvent ou moins.</li>



<li>Un <strong>carrousel d'articles</strong> du plus récent au plus ancien qui <strong>permet de suggérer des lectures</strong> parmi les contenus</li>



<li>un <strong>CTA sur chaque vignette</strong> d'aperçu du carrousel pour<strong> lire la suite </strong>du résumé d'aperçu.</li>



<li><strong>Des sélecteurs pour piloter le carrousel </strong>en dehors de son mouvement récurent de gauche à droite. (Un survol le fige, mais c'est parfois trop tard pour une vignette disparue à gauche)</li>



<li><strong>un maillage</strong> dit "Referal" vers <strong>d'autres sites st9ph </strong>(mes pages sur <strong>les réseaux</strong>, ma f<strong>iche Google My Business </strong>et l'activation du<strong> flux RSS</strong> st9ph dans votre agrégateur.</li>



<li>la possibilité de <strong>s'abonner</strong>, de <strong>se connecter</strong>, de <strong>se déconnecter</strong> à ce blog</li>



<li>les liens vers <strong>les pages légales</strong></li>



<li>la possibilité d'<strong>atteindre les sites secondaires </strong>(boutique pédagogique principale et secondaire, le labo WordPress)</li>



<li>un bouton de "<strong>retour en haut</strong>" pour éviter de scroller longtemps quand on est descendu bas.</li>



<li>L'accès au <strong>consentement des cookie</strong>s</li>
</ol>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="835" height="645" src="https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1.png" alt="" class="wp-image-32424" srcset="https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1.png 835w, https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1-300x232.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/liens-st9ph-1-768x593.png 768w" sizes="auto, (max-width: 835px) 100vw, 835px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Sur le schéma ci-contre, <strong>le maillage Referal </strong>montre le rôle central (<strong>pivot</strong>) du blog sur l'ensemble des sites St9ph.</p>



<p class="has-base-2-background-color has-background">ℹ️ On peu<strong>t tagger les liens </strong>pour mieux repérer <strong>les sources de trafic</strong>. Si vous voyez des urls se terminant par "<strong>?utm_source=</strong>" <strong>+ le nom d'un site</strong>, c'est que <strong>votre lien va enrichir un tracker</strong>. Mais le mieux est tout de même de s'en remettre <strong>à Google analytics </strong>:</p>



<p></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Ici, dans la rubrique "<strong>acquisition de trafic</strong>", je peux observer sur la eshop <strong>les flux entrants</strong>, quels <strong>pages vues</strong>, combien de temps, distinguer les nouveaux des fidèles, les <strong>produits populaires,</strong> les scrolls, les paniers ... tout ce que je veux, en fait ! 😯Même des trucs auxquels je n'aurais pas pensé !</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-59.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-60.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>En observant les KPI du maillage, je peux :</p>



<ul class="wp-block-list">
<li> <strong>renforcer les liens</strong> qui ne jouent pas le rôle que j'escomptais (les rendre <strong>plus visibles</strong>, les mettre <strong>ailleurs</strong>)</li>



<li><strong>Adapter la navigation</strong> des mes sites (menus, disposition, outils d'accompagnement) ...</li>



<li>Mettre en place des <a href="https://blog.hubspot.fr/website/parametres-utm" target="_blank" rel="noreferrer noopener">trackers UTM</a> pour <strong>suivre mes campagnes </strong>et surveiller leurs incidences.</li>
</ul>



<p class="has-base-2-background-color has-background">Ci-contre, ce graphique me permet de <strong>suivre la fidélité de mon audience </strong>mais aussi <strong>les pics de fréquentations.</strong> Utilisez les pour mesurer<strong> l'efficacité de vos relances</strong> (promo mail, notif de push ...)</p>



<p></p>
</div>
</div>



<p>Le <strong>tableau par pages </strong>(ici, des fiches produits) donne une vue globale de la popularité des liens maillés :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-61.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Ci-contre, <strong>le tableau de bord du JetPack</strong> du CMS WordPress de mon blog <strong>en back office </strong>me procure aussi <strong>des stats (moins riches qu'Analytics)</strong></p>



<p class="has-text-align-center has-base-2-background-color has-background">➡️ C'est un moyen aussi de <strong>contrôler mes flux</strong> et <strong>la popularité de mes contenus</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-62.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-64.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>➡️ On voit ici que <strong>les rebonds </strong>d'aujourd'hui ce focalisent en interne sur <strong>des ressources complémentaires</strong> (un tableur et 3 images pour deux tutos, l'un sur Excel, l'autre sur 3D Builder)</p>



<p>➡️ on voit aussi l<strong>es liens de maillage externes </strong>mais on en reparlera plus tard</p>
</div>
</div>



<p>Pour résumer, votre <strong>score SEO</strong> en termes de <strong>maillage interne</strong> dépendra donc :</p>



<ul class="wp-block-list">
<li>⛔de l'absence d'impasses (pages sans rebond interne) ou de<strong> pages en erreur</strong> (en maintenance, supprimées)</li>



<li>🔗 du<strong> panel de canaux de rebond </strong>disponibles (si vous avez les 5, c'est top)</li>



<li>👥du <strong>trafic d'audience</strong>. La<strong> durée de sessions</strong> compte d'ailleurs plus que <strong>le nombre de visiteurs </strong>(et pour cause, si beaucoup de visiteurs atterrissent sur votre site mais repartent aussitôt, c'est qu'il y'a un problème).</li>



<li>📈 de la <strong>liaison </strong>ou non de votre backoffice<strong> avec Google Analytics </strong>(pour faciliter la tenue des statistiques)</li>
</ul>



<h4 class="wp-block-heading has-medium-font-size" id="3-%E2%9E%A1%EF%B8%8F-liens-externes-purs-afiliate">➡️ Liens externes purs (Afiliate)</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="221" height="289" src="https://st9ph.fr/wp-content/uploads/2026/01/image-65.png" alt="" class="wp-image-32443"/></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Proposer d'<strong>élargir le point de vue</strong>, notamment sur les blogs (vitrine) et les Réseaux, c'est une démarche qui doit aller de soi, pour<strong> proposer un autre regard </strong>que le sien sur un sujet, permettre de rebondir.</p>



<p class="has-base-2-background-color has-background">Google va observer <strong>votre maillage externe </strong>(cad les liens vers des sites étrangers au votre) et a<strong>méliorer votre score </strong>si votre maillage est <strong>riche et systématique</strong>. C'est en effet pour lui <strong>un gage </strong>que l'expérience des googlenautes qui auront choisi votre site dans ses résultats sera<strong> variée et multi-sourcée.</strong></p>



<p></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>De votre côté aussi, surveillez <strong>le trafic Afiliate entrant</strong> (quels sites vous envoient des visiteurs) afin, pourquoi pas, de les contacter et d<strong>'établir des partenariats (backlink).</strong> Chacun y gagnera à <strong>booster le trafic</strong> de l'autre.</p>



<p class="has-base-2-background-color has-background">Ici, le tableau de bord du Jet Pack de ce blog montr<strong>e les sources entrantes</strong> et l'écrasante<strong> majorité de l'organique</strong> (Qui est en tête, comme toujours ?)</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-66.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-0cc9dc7ee5ab9b7c45e5f3254373ce62">👉 Pour les moteurs de recherche, un lien externe est assimilé à une <strong>recommandation</strong> ! </p>



<p>📚 <strong>Source</strong> :<br><a href="https://developers.google.com/search/docs/fundamentals/how-search-works?hl=fr">Google Search Central – <em>How Search Works</em></a></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-68.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Vous pouvez également<strong> interroger Google sur l'indexation de vos pages </strong>dans les moteurs en tapant<strong> "site:" + votre nom de domaine</strong>.</p>



<p>Vous aurez alors<strong> un classement des pages en fonction de leur Ranking</strong> avec des résultats parfois surprenantS</p>



<p class="has-base-2-background-color has-background">😗Je me demande un peu ce que ce <strong>vieux sujet d'examen sur Prestashop</strong> fait sur la seconde marche du podium surtout qu'il n'est plus accessible mais c'est comme ça !</p>



<p></p>
</div>
</div>



<p>🗺️Un <strong>Sitmaps </strong>(carte ou plan du site) aussi, peut <strong>aider les Bots à bien référencer l'architecture de votre site</strong>. C'est un peu technique à faire mais <strong>il y'a des outils pour cela</strong>. Plus d'infos sur <a href="https://developers.google.com/search/docs/crawling-indexing/sitemaps/overview?hl=fr" target="_blank" rel="noreferrer noopener">le site développeur Google</a>.</p>



<h3 class="wp-block-heading" id="4-12-%E2%9A%99%EF%B8%8F-pertinence-du-contenu-et-des-mots-cl%C3%A9s-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> ⚙️ <strong>pertinence du contenu et des mots clés</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-194249878febdade4d7a0e9744146946" id="5-%E2%9E%A1%EF%B8%8Fbalises-choix-de-mots-cl%C3%A9s-et-longues-traines">➡️Balises, choix de mots clés et longues traines</h4>



<p>Imaginons que vous soyez <strong>une vendeuse de porte-clés artisanaux </strong>et que vous vouliez faire <strong>la promo de votre boutique </strong>sur votre blog.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="736" height="481" src="https://st9ph.fr/wp-content/uploads/2026/01/image-69.png" alt="" class="wp-image-32454" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-69.png 736w, https://st9ph.fr/wp-content/uploads/2026/01/image-69-300x196.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></figure>
</div>


<p class="has-text-align-center">Vous allez sans doute choisir "<strong>porte-clés artisanaux</strong>" comme mots clés, j'imagine ?</p>



<p>👉🏻 Déjà, évitez de les séparer "porte" "clés" et "artisanaux"</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="504" height="677" src="https://st9ph.fr/wp-content/uploads/2026/01/image-70.png" alt="" class="wp-image-32455" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-70.png 504w, https://st9ph.fr/wp-content/uploads/2026/01/image-70-223x300.png 223w" sizes="auto, (max-width: 504px) 100vw, 504px" /><figcaption class="wp-element-caption">vous risquez d'attirer des internautes qui veulent plutôt acheter des portes ....</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="437" height="619" src="https://st9ph.fr/wp-content/uploads/2026/01/image-71.png" alt="" class="wp-image-32456" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-71.png 437w, https://st9ph.fr/wp-content/uploads/2026/01/image-71-212x300.png 212w" sizes="auto, (max-width: 437px) 100vw, 437px" /><figcaption class="wp-element-caption">... ou qui veulent faire refaire leurs clés ...</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="538" height="655" src="https://st9ph.fr/wp-content/uploads/2026/01/image-72.png" alt="" class="wp-image-32457" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-72.png 538w, https://st9ph.fr/wp-content/uploads/2026/01/image-72-246x300.png 246w" sizes="auto, (max-width: 538px) 100vw, 538px" /><figcaption class="wp-element-caption">... ou qui cherchent des salons artisanaux !</figcaption></figure>
</div>
</div>



<p class="callout rouge">⚠️ Le risque, c'est <strong>le rebond,</strong> cad <strong>les internautes </strong>qui vont arriver sur son site en cherchant une porte à refaire, un serrurier ou le prochain salon de l'artisanat et <strong>qui vont repartir aussitôt,</strong> déçus de leur atterrissage sur ce blog qui parle de porte-clés. <strong>Google va l'observer </strong>et <strong>descendre </strong>(en flèche) <strong>le Ranking </strong>de votre site, déduisant que <strong>vos mots clés étaient très mal choisis.</strong></p>



<p>👉🏻 Premier reflexe : faites <strong>des chaines de mots </strong>clés qu'on appelle <strong>longues traines</strong> : "<strong>porte-clés artisanaux</strong>"</p>



<p class="has-text-align-center has-medium-font-size">🤔 Mais, tout cela, ça se vérifie ! Ne les inscrivez surtout <strong>pas à l'intuition</strong> !</p>



<p>🖥️ <strong><a href="https://trends.google.fr/" target="_blank" rel="noreferrer noopener">Google Trends</a></strong> est un outil qui permet de <strong>vérifier la popularité et la pertinence des mots clés</strong>. Ici, je croise en temps réel (sur douze mois) le nombre de recherches pour "<strong>porte-clés</strong>", "<strong>Artisanat</strong>" et "<strong>idée cadeau</strong>".</p>



<p class="has-text-align-center has-small-font-size"><a href="https://trends.google.fr/trends/explore?geo=FR&amp;q=%2Fm%2F03lnq3,Artisanat,id%C3%A9e%20cadeau&amp;hl=fr" target="_blank" rel="noreferrer noopener">Reconstituer la recherche</a></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="817" height="433" src="https://st9ph.fr/wp-content/uploads/2026/01/image-89.png" alt="" class="wp-image-32492" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-89.png 817w, https://st9ph.fr/wp-content/uploads/2026/01/image-89-300x159.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-89-768x407.png 768w" sizes="auto, (max-width: 817px) 100vw, 817px" /></figure>



<p>ℹ️ Ci-dessus, <strong>les résultats pour 2025</strong> (j'écris cette article en janvier 2026) mais cliquer sur "reconstituer la recherche" pour avoir <strong>les 12 derniers mois.</strong> On observe que :</p>


<ul style="padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; column-count: 1; --ub-list-mobile-column-count: 1; " class="wp-block-ub-styled-list ub_styled_list" id="ub_styled_list-36b45d04-9e30-43c9-a1eb-e65986fc6d65">
<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-6b1cc8f6-23e1-48ad-8022-604cbbf691b1">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>porte-clés </strong>est un (relatif)<strong> bon choix</strong> (tapé au moins 40 fois par jour)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%2300d084&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-96cb9d8b-01d4-4ebb-9eeb-cc83718be06a">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="#00d084" d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>
				</span>
				<span class="ub_list_item_text"><strong>Idée cadeau</strong> peut-être <strong>un booster ponctuellement</strong> (<strong>évènements marketing</strong> comme fête des pères / mères, mais surtout Noel)</span>
			</div>
			
		</li>

<li class="ub_styled_list_item" style="--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 384 512&quot;&gt;&lt;path fill=&quot;%23cf2e2e&quot; d=&quot;M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;'); " id="ub-styled-list-item-569d451c-082a-4d9b-9abe-a5157d886daa">
			<div class="ub_list_item_content">
				<span class="ub_list_item_icon">
					<svg width="0.9em" height="0.9em" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512"><path fill="#cf2e2e" d="M64 390.3L153.5 256 64 121.7V390.3zM102.5 448H281.5L192 313.7 102.5 448zm128-192L320 390.3V121.7L230.5 256zM281.5 64H102.5L192 198.3 281.5 64zM0 48C0 21.5 21.5 0 48 0H336c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48z"></path></svg>
				</span>
				<span class="ub_list_item_text">On peut oublier "<strong>artisanat</strong>" dans notre traine car il est vraiment confidentiel.</span>
			</div>
			
		</li>
</ul>


<p>ℹ️ Pour info :</p>



<figure class="wp-block-table"><table><thead><tr><th>Oubliez ...</th><th>Si vous tapez ....</th><th>... seront englobés aussi :</th></tr></thead><tbody><tr><td>les accents, les majuscules</td><td> célèbre  </td><td>celebre, célebre, celèbre</td></tr><tr><td>le singulier / pluriel<br>Masculin / féminin</td><td>chevaux sauvages<br>compris</td><td>cheval sauvage<br>comprise</td></tr><tr><td>les liaisons, la polysémie</td><td>porte-clé</td><td>porte cle, porte-clefs, porte clef ...</td></tr><tr><td>les paronymes</td><td> +, @, auto</td><td>plus, arobase, automobile</td></tr><tr><td>les métonymes </td><td>Frigidaire, Frigo</td><td>réfrigérateur</td></tr></tbody></table></figure>



<p>🖥️ <a href="https://fr.semrush.com/analytics/keywordmagic/" target="_blank" rel="noreferrer noopener"><strong>Semrush</strong></a> <a href="https://fr.semrush.com/analytics/keywordmagic/"></a>(celui qui équipe Yoast SEO dans WordPress) est un <strong>autre outil de recherche</strong> de pertinence de mots clés :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-73-1024x388.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p><em>Il pourra nous servir aussi en SEA car il nous indique le Cout par Clic estimé (CPC), c'est à dire ce que l'on devra payer à chaque clic d'un googlenaute sur notre lien sponsorisé si on veut être devant tout le monde.</em></p>



<p class="has-medium-font-size">👉🏻 on sait donc :</p>



<ul class="wp-block-list">
<li> l'<strong>association de requête liée</strong> (souvent une marque, une action comme "acheter" ou un lieu)</li>



<li>la <strong>nature de la recherche</strong> (I pour <strong>informationnelle</strong>, C pour <strong>commerciale </strong>et T pour <strong>transactionnelle</strong>)</li>



<li>Le <strong>volume </strong>de recherche</li>



<li>le <strong>Keyword Diagnostic</strong> (s'il est facile ou pas, dans quel contexte et registre l'utiliser)</li>



<li>sa <strong>valeur sponsorisée</strong> au CPC (plus il sera courant, plus il sera cher)</li>
</ul>



<p>On peut aussi accéder à <strong>la SERP de résultats </strong>(pour voir où sont les concurrents).</p>



<p>👉 <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#e69049" class="has-inline-color">Ubersuggest</mark></strong> est un excellent outil aussi <strong>pour le choix des bons mots clé</strong>. <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">On le verra dans la section SEA</mark> car c'est surtout un logiciel (😒 payant) qui permet d'évaluer <strong>le Cout par Clic</strong> (CPC) mais ci-dessous, il analyse non seulement <strong>mon Ranking</strong> (la position en SERP des mots clés que j'ai choisis) mais <strong>en suggère d'autres</strong> plus demandés :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="340" src="https://st9ph.fr/wp-content/uploads/2026/01/image-342-1024x340.png" alt="" class="wp-image-33585" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-342-1024x340.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/image-342-300x100.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-342-768x255.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/image-342.png 1105w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">Ici, j'évalue comment faire évoluer <strong>ma stratégie de mots-clés </strong>sur un tuto sur <a href="https://st9ph.fr/formulaires-wordpress/">contact form 7,</a> un plug-in de formulaires pour <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33543" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/image-336.png" alt="">WordPress. <strong>Il toile un faisceau</strong> en se basant sur le CQQCOCP pour proposer des <strong>traines plus performantes</strong>.</p>



<p>Il propose aussi <strong>un récapitulatif</strong> (si on aime pas les toiles 🕸️) basé sur un <strong>croisement de mon contenu et sur des recherches populaires</strong> :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-343-1024x245.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>👉 L'outil<strong> IA Writer</strong> d' <strong><mark style="background-color:rgba(0, 0, 0, 0);color:#e69049" class="has-inline-color">Ubersuggest</mark></strong> permet même de<strong> réécrire ou redéfinir un contenu</strong> pour l'<strong>optimisation SEO</strong>.</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-344-1024x258.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-medium-font-size">🔗<strong> Pensez</strong> aussi <strong>aux autres balises</strong> que vos mots clés (keywords) :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-74.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>la <strong>zone Meta du code html,</strong> un <strong>ensemble de capsules ou balises</strong> contenant des<strong> "méta" informations </strong>(supérieures), sont l<strong>es seules lues par les Bots</strong> et contribuent grandement à votre référencement en plus des keywords sur lesquels je ne reviens pas (voir plus haut). Elles sont <strong>les seules </strong>aussi <strong>à apparaitre sur les SERP</strong> :</p>



<ul class="wp-block-list">
<li>la <strong>balise titre</strong> (Header) qui contient votre <strong>H1,</strong> parfois appelé aussi <strong>titre SEO</strong></li>



<li>La <strong>méta description,</strong> <strong>résumé et CTA </strong>de votre contenu sur la SERP</li>



<li>le <strong>permalien </strong>ou <strong>Slug </strong>(la terminaison de votre URL) qui doit être descriptive, elle aussi, du contenu (ne regardez pas là-haut, dans la barre d'url, mes slugs sont rarement SEO)</li>



<li>La <strong>balise Alt </strong>du<strong> texte alternatif </strong>de vos illustrations (pour Google images et vidéos)</li>



<li>vos <strong>tags</strong>, notamment pour raccorder <strong>avec les réseaux sociaux.</strong></li>
</ul>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😗hum ? <strong>Un tag et un hashtag</strong>, c'est pareil ?</summary>
<p>Presque :<strong> un tag </strong>en @ vise<strong> une marque ou une personne</strong> @st9ph par exemple. <strong>Un hashtag </strong>en # vise<strong> un thème, un sujet</strong> #MakeMeBuy par exemple</p>
</details>



<p class="has-base-2-background-color has-background">Je vous renvoie sur <strong>les articles WordPress et Prestashop relatifs au </strong><a href="https://st9ph.fr/?s=SEO" target="_blank" rel="noreferrer noopener"><strong>SEO </strong>sur le blog</a> pour en savoir plus sur <strong>la manière de les alimenter correctement</strong>.</p>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-9b95f984c1005aa9411d71dec4b6d4dd" id="6-%E2%9E%A1%EF%B8%8F-pertinence-des-contenus">➡️ Pertinence des contenus</h4>



<p>On ne va pas refaire ici <strong>toute une approche </strong>sur ce qui marche en <strong>marketing </strong>et je vous renvoie comme tout à l'heure sur les articles qui en parlent sur le blog. Non, dans cette partie, <strong>voyons juste ce qu'il faut faire et éviter de faire pour être bien référencé</strong> :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="951" height="363" src="https://st9ph.fr/wp-content/uploads/2026/01/image-75.png" alt="" class="wp-image-32465" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-75.png 951w, https://st9ph.fr/wp-content/uploads/2026/01/image-75-300x115.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/image-75-768x293.png 768w" sizes="auto, (max-width: 951px) 100vw, 951px" /></figure>


<div class="ub-styled-box ub-number-box wp-block-ub-styled-box" id="ub-styled-box-5f7769ca-c8c8-475d-96c4-aff048eebed4">
<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-864adfdf-bd0e-43b3-95bb-67580cd6b86a">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">1</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">de l'humain <br>pour l'humain</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Insérer du <strong>Chat GPT en guise  de contenu</strong>, ce n'est pas du jeu ! Google a horreur (à juste titre) de <strong>ce qui n'est pas authentique</strong>. Si c'est pour <strong>dupliquer ce qui existe déjà</strong>, à quoi bon augmenter votre Ranking ?</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-ac065fbc-3d52-49b0-80e8-3d05762f80ed">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">2</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">de l'original et du meilleur</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center">Mettez <strong>votre touche</strong> à votre contenu, ayez <strong>votre style</strong>. Citez et backlinkez les autres si vous voulez mais apportez <strong>votre contribution réelle</strong>, votre <strong>valeur ajoutée</strong>, <strong>votre spécificité</strong>.</p>

</div>
		</div>

<div class="ub-number-panel" style="border-color: #000000; " id="ub-styled-box-numbered-box-column-1d32746f-81e5-4011-9003-e62a815cd2dd">
			<div class="ub-number-container" style="background-color: #ddc79a; ">
				<p class="ub-number-display" style="color: #000000; ">3</p>
			</div>
			<p class="ub-number-box-title" style="text-align: center; ">Ne cherchez pas le Ranking à tout prix</p>
			<div class="ub-number-box-body" style="text-align: left; ">

<p class="has-text-align-center"><strong>Ne cannibalisez pas</strong> vos mots-clé, <strong>ne radotez pas</strong> vos expressions clés, <strong>ne surchargez pas vos balises </strong>pour donner une indigestion aux bots, ça produira l'effet inverse !</p>

</div>
		</div>
</div>


<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😗 euh ... ? Cannibaliser ? J'ai un doute !</summary>
<p>Cannibaliser, c'est employer tellement souvent vos keywords que cela entraine une sur indexation de vos pages sur certains mots-clés. Google vous déréférence (pour vous punir) et à vouloir "dévorer" les autres, c'est vous-mêmes que vous avez mangé à la fin !</p>
</details>



<p>La <strong>chek list </strong>du <a href="https://developers.google.com/search/docs/fundamentals/creating-helpful-content?hl=fr" target="_blank" rel="noreferrer noopener">Google Search Central</a> (<em>Creating helpful, reliable, people-first content</em>)<strong> des questions à vous poser </strong>quand vous rédigez un contenu à référencer :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>☐ Le contenu répond clairement à <strong>un besoin ou une question</strong> de l’internaute (qui a tapé les mots clés que vous avez choisis)<br>☐ Il apporte une <strong>valeur ajoutée réelle</strong> (méthode, conseil ... )<br>☐ Il est <strong>plus utile ou plus clair</strong> que les contenus concurrents<br>☐ Il est écrit pour un <strong>humain</strong>, pas pour un moteur</p>



<p>☐ Le texte est <strong>clair, fluide et compréhensible</strong><br>☐ Le niveau de langage est <strong>adapté à la cible</strong><br>☐ Les phrases sont <strong>plutôt courtes</strong> et lisibles<br>☐ Le contenu donne envie de <strong>continuer la lecture</strong></p>



<p>☐ Le contenu est bien <strong>structuré avec des titres et sous-titres</strong><br>☐ Les paragraphes sont <strong>courts et aérés</strong><br>☐ Des listes à puces sont utilisées si nécessaire<br>☐ La hiérarchie du contenu est logique<br>☐ La lecture est confortable sur <strong>mobile</strong></p>



<p>☐ Le sujet est traité de manière <strong>complète</strong><br>☐ Les questions principales et secondaires sont <strong>couvertes</strong><br>☐ Le contenu n’est<strong> pas trop court ou superficiel</strong><br>☐ Les informations sont <strong>fiables et vérifiables</strong> (sourcées)</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="369" height="727" src="https://st9ph.fr/wp-content/uploads/2026/01/image-77.png" alt="" class="wp-image-32467" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-77.png 369w, https://st9ph.fr/wp-content/uploads/2026/01/image-77-152x300.png 152w" sizes="auto, (max-width: 369px) 100vw, 369px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">C'est fondamental, <strong>surtout en Vitrine et en Blog</strong>, de proposer quelque chose de différent des autres. Sans quoi, <strong>le premier à vous ignorer </strong>ne sera même pas parmi vos lecteurs, mais ce <strong>sera Google lui-même</strong> !</p>



<h3 class="wp-block-heading" id="7-13-%E2%9A%99%EF%B8%8F-r%C3%A8gles-de-conception-et-tra%C3%A7age-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.3 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""> ⚙️ <strong>règles de conception et traçage</strong></h3>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-240d8702d3ed41112858787c732d6547" id="8-%E2%9E%A1%EF%B8%8F-d%C3%A9velopper-light">➡️ Développer "light"</h4>



<p>le schéma ci-dessous, de <a href="https://web.dev/" target="_blank" rel="noreferrer noopener">Web Vitals</a> (cliquez sur l'image pour voir l'article), montre les 3 KPI à retenir pour votre Ranking technique :</p>



<ul class="wp-block-list">
<li>le <strong>LCP</strong> (<strong>chargement</strong>) que l'internaute va espérer <strong>en moins de 2.5 s </strong>pour être satisfait</li>



<li>l'<strong>INP</strong> (la<strong> réactivité des liens</strong> une fois entré) en mois de 0.2 s (oui, c'est court)</li>



<li>LE <strong>CLS</strong> (<strong>la charge mémoire</strong>) qui doit pouvoir "éponger" en moins d'<strong>un dixième de secondes</strong></li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-57.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Sur <strong>mon blog</strong> (inspecter - menu chevons &gt;&gt; - performances), ça donne ça :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="525" height="176" src="https://st9ph.fr/wp-content/uploads/2026/01/image-78.png" alt="" class="wp-image-32471" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-78.png 525w, https://st9ph.fr/wp-content/uploads/2026/01/image-78-300x101.png 300w" sizes="auto, (max-width: 525px) 100vw, 525px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="518" height="149" src="https://st9ph.fr/wp-content/uploads/2026/01/image-80.png" alt="" class="wp-image-32473" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-80.png 518w, https://st9ph.fr/wp-content/uploads/2026/01/image-80-300x86.png 300w" sizes="auto, (max-width: 518px) 100vw, 518px" /></figure>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="516" height="150" src="https://st9ph.fr/wp-content/uploads/2026/01/image-79.png" alt="" class="wp-image-32472" style="width:524px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-79.png 516w, https://st9ph.fr/wp-content/uploads/2026/01/image-79-300x87.png 300w" sizes="auto, (max-width: 516px) 100vw, 516px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>👑 <strong>Je suis royal en LCP,</strong> même si le lighthouse me donne un score de <strong>75/100 en global</strong> !</p>



<p class="has-base-2-background-color has-background has-small-font-size">Le javascript, la vidéo 4K en bannière de homepage et autres pop-up peuvent être préjudiciables !</p>



<p><strong>Qui c'est le patron </strong>de l'INP ? On navigue à la vitesse de l'éclair sur st9ph.fr !</p>



<p class="has-base-2-background-color has-background has-small-font-size">Evitez le boutons d'action trop sophistiqués (hoover)</p>



<p>Oh ! <strong>Ce CLS de dingo</strong> ! C'est <strong>les vacances pour les navigateurs </strong>quand on se promène sur mon site !</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p class="has-base-2-background-color has-background">ℹ️ Vous pouvez bien entendu garder le panneau d'inspection ouvert pour mesurer en temps réel les KPI pendant que vous surfez sur le site comme dans la vidéo ci-contre.</p>



<p>Ca peut vous aider à trouver les pages qui <strong>répondent moins bien que les autres</strong> ou qui provoquent <strong>une surcharge</strong></p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-video"><video height="338" style="aspect-ratio: 526 / 338;" width="526" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-08-184314.mp4" playsinline></video></figure>
</div>
</div>



<h4 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-f8d5400bec37113dcd18d05490108980" id="9-%E2%9E%A1%EF%B8%8F-laissez-google-entrer-dans-votre-backoffice">➡️ laissez Google entrer dans votre backoffice</h4>



<p>Pour le traçage, vous n'aurez pas trop le choix d'<strong>inviter Google Analytics à résider sur votre site.</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="582" height="703" src="https://st9ph.fr/wp-content/uploads/2026/01/image-82.png" alt="" class="wp-image-32477" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-82.png 582w, https://st9ph.fr/wp-content/uploads/2026/01/image-82-248x300.png 248w" sizes="auto, (max-width: 582px) 100vw, 582px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>C'est du donnant - donnant, en fait :</p>



<ul class="wp-block-list">
<li>vous <strong>donnez accès à vos données</strong> pour aider Google à <strong>collecter les infos</strong> et à<strong>mieux vous référencer</strong></li>



<li>il vous procure <strong>un tableau de bord sensas</strong> avec <strong>tous les outils de suivi dont vous rêviez</strong>. (voir l'image ci- dessous).</li>
</ul>



<p class="has-text-align-center has-base-2-background-color has-background">😮‍💨 Reste à savoir ce qu'il va en faire !</p>



<p>📈 <strong>61 025 boutiques Françaises e-commerce</strong> utilisent <strong>Google Analytics (toutes versions)</strong>. <a href="https://storeleads.app/reports/technology/Google%20Analytics/country/FR?" target="_blank" rel="noreferrer noopener">Store Leads</a></p>



<p>📊 Sur celles équipées de la nouvelle version <strong>Google Analytics 4</strong>, on recense <strong>40 672 installations</strong>.</p>
</div>
</div>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-83-1024x776.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Voilà pour ce "petit" tour du SEO qui, je l'espère, aura répondu à toutes les questions que vous ne vous posiez pas sur le référencement. 😉</p>



<p class="has-base-2-background-color has-background">Maintenant qu'on a vu <strong>comment exister "gratuitement"</strong>, parfois, <strong>la concurrence est rude</strong> et un <strong>petit dopage de votre Ranking </strong>contre <strong>une modeste rétribution</strong> de Google, ça peut vous aider à <strong>remonter sur la SERP n° 1</strong></p>



<style>
.chapter-title {
  display: flex;
  align-items: stretch;
  margin: 1.8rem 0;
}

/* Numéro */
.chapter-number {
  background: #1e73be;
  color: #fff;
  font-weight: 700;
  font-size: 3rem;
  padding: 0 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 10px;
}

/* Contenu */
.chapter-content {
  padding: 0.4rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 4px solid #1e73be;
}

/* H2 avec logo */
.chapter-content h2 {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  color: #1e73be;
  display: flex;
  align-items: center;
  gap: 0.6rem; /* espace logo / texte */
}

/* Logo carré */
.chapter-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Sous-titre */
.chapter-subtitle {
  margin-top: 0.35rem;
  font-style: italic;
  color: #555;
  font-size: 0.95rem;
}
</style>

<div class="chapter-title">
  <div class="chapter-number">2</div>
  <div class="chapter-content">
    <h2>
      <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png"
           alt=""
           class="chapter-icon">
     le référencement sponsorisé (SEA)
    </h2>
    <p class="chapter-subtitle">Booster sa visibilité pour pallier à un ranking SEO insuffisant</p>
  </div>
</div>



<p>Le principe est simple. Vous <strong>enchérissez au montant que vous souhaitez</strong> au clic (<strong>CPC</strong>). Si aucun de vos concurrents n'a enchéri plus cher que vous sur les mêmes mots clés ou traines que vous, v<strong>ous êtes premier en SERP</strong> !</p>



<p>Ici, ce sont Darty et Boulanger qui se disputent la traine "ampli hifi" :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-84-1024x395.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-base-2-background-color has-background">👀Il faudra <strong>surveiller votre taux de conversion </strong>car <strong>le CPC va avoir un impact sur votre marge</strong> : si <strong>100 lead cliquent sur le lien sponsorisé </strong>de votre produit enchéri à<strong>1,00 € de CPC</strong> et que seuls<strong>2% d'entre eux achètent</strong>, cela fait <strong>un poids de 50 € sur chaque article vendu</strong> !</p>



<p>👉🏻 selon <a href="https://www.coutsite.fr/calculateur-budget-google-ads-2026" target="_blank" rel="noreferrer noopener">cette étude</a>, le budget moyen estimé de SEA se repartit ainsi par secteurs :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th><strong>Secteur d’activité</strong></th><th><strong>CPC moyen observé</strong></th><th><strong>Budget recommandé mensuel</strong></th><th><strong>Objectif typique</strong></th></tr></thead><tbody><tr><td>Artisan &amp; BTP</td><td>1,80 € – 3,50 €</td><td>600 € – 1 200 €</td><td>Générer des leads locaux</td></tr><tr><td>Immobilier</td><td>2,80 € – 4,50 €</td><td>1 500 € – 3 000 €</td><td>Prospection &amp; rendez-vous</td></tr><tr><td>Avocats &amp; juridique</td><td>4,00 € – 12,00 €</td><td>2 000 € – 5 000 €</td><td>Leads qualifiés</td></tr><tr><td>E-commerce (mode, déco, etc.)</td><td>0,40 € – 1,50 €</td><td>1 000 € – 10 000 €+</td><td>Ventes directes</td></tr><tr><td>Santé &amp; bien-être</td><td>1,50 € – 2,50 €</td><td>500 € – 1 000 €</td><td>Prise de RDV</td></tr><tr><td>Services B2B / consulting</td><td>3,50 € – 8,00 €</td><td>1 500 € – 4 000 €</td><td>Leads B2B</td></tr><tr><td><strong>Exemples complémentaires</strong></td><td></td><td></td><td></td></tr><tr><td>Services locaux (plombier, électricien)</td><td>3 € – 6 €</td><td>≈ <strong>1 000 €/mois</strong> minimum</td><td>Conversion rapide locale</td></tr><tr><td>Retail / shopping (annonces search)</td><td>~0,40 € – 2 €</td><td>≈ <strong>1 500 €/mois</strong></td><td>Acquisition de clients online</td></tr></tbody></table></figure>



<p>👉🏻 C'est sur <a href="https://support.google.com/google-ads/answer/6146252?hl=fr&amp;ref_topic=10286612&amp;sjid=10516294162411121566-EU&amp;visit_id=639034984993850249-3783776766" target="_blank" rel="noreferrer noopener">Google Ads </a>que cela se passe.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-85.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="572" height="103" src="https://st9ph.fr/wp-content/uploads/2026/01/image-86.png" alt="" class="wp-image-32484" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-86.png 572w, https://st9ph.fr/wp-content/uploads/2026/01/image-86-300x54.png 300w" sizes="auto, (max-width: 572px) 100vw, 572px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Vous définissez<strong> un budget quotidien </strong>qu'Ads ne dépassera jamais, même si le nombre de clics sur <strong>vos annonces est plus grand</strong></p>



<p class="has-base-2-background-color has-background">Selon votre domaine d'activité, Ads vous suggérera <strong>un niveau en comparaison </strong>avec vos concurrents.</p>



<p></p>
</div>
</div>



<p class="has-text-align-center"><em>ci-dessus, un avertissement si je choisis moins que le budget investi par mes concurrents.</em></p>



<p class="has-base-2-background-color has-background">Je n'irai pas plus loin car, même si je vous aime bien, je ne vais pas dépenser <strong>1000 € par mois </strong>pour passer devant ECommerce Mag et le Hubspot. Ils se demanderaient un peu qui je suis et pourquoi je fais ça !</p>



<p class="has-medium-font-size">👉🏻 <strong>Ubersuggest</strong> est un autre outil d'aide au SEA (payant lui aussi) :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-87.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p>Il permet de suivre aussi <strong>le Ranking et la difficulté SEO</strong> (pour savoir où miser) :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-339-1024x613.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-base-2-background-color has-background">Classé 🏅<strong>17ème en moyenne </strong>en visibilité pour le web francophone (😏 ben quoi ? ce n'est pas si mal !) en m'étant annoncé <strong>freelance dans le marketing digital</strong>, j'aurais tout intérêt à <strong>sortir de l'ombre en boostant ma visibilité <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">par le biais du SEA</mark></strong> !</p>



<p>👉 Je peux <strong>analyser les mots clés </strong>que j'ai retenus et <strong>auditer leur poids </strong>ainsi que <strong>l'intentionnalité des googlenautes </strong>qui les ont recherchés :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-340-1024x476.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-base-2-background-color has-background">Ici, "Contact Form 7", <strong>un plug-in</strong> <img loading="lazy" decoding="async" width="19" height="18" class="wp-image-33543" style="width: 19px;" src="https://st9ph.fr/wp-content/uploads/2026/01/image-336.png" alt=""><strong>WordPress</strong> pour lequel j'ai fait un tuto est d'une<strong> difficulté moyenne </strong>( c'est sur 100 -&gt; pas trop cher au CPC mais pas donné non plus) et clairement sur<strong> la file "informationnelle" </strong>et pas "transactionnelle". Donc, <strong>ça ne rapporterait rien de miser</strong>.</p>



<p>👉 Je sais auss<strong>i combien je dois miser </strong>pour être numéro 1 en lien sponsorisé :</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-341.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-base-2-background-color has-background"><strong>2,74 €</strong> pour un volume d'<strong>engagement de 590</strong> atterrissages, <strong>c'est 1617 € de budget SEA</strong>. Admettons que je vende mes tutos et que j'ai <strong>un taux de conversion de 5%</strong> (au grand maximum), cela me fait <strong>29 acheteurs.</strong> Il a intérêt à être drôlement bien mon tuto pour<strong> le vendre au minimum 80 €</strong> pour <strong>marger de 0,50 €</strong> ! Je vais faire la fête avec <strong>15 € dans ma poche </strong>! 🍾 </p>



<p>⛔ Donc, <strong>non merci,</strong> même en terme d<strong>'investissement de trafic</strong> (mes visiteurs vont se promener dans ma boutique et peut-être remplir leur panier plus abondamment), <strong>ce n'est pas une OP à tente</strong>r.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉 Vous pouvez aussi <strong>"booster" votre audience </strong>en <strong><em>Referal</em></strong> depuis <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>les pages de vos réseaux sociaux</strong>.</mark></p>



<p class="has-base-2-background-color has-background"><img loading="lazy" decoding="async" width="30" height="28" class="wp-image-33570" style="width: 30px;" src="https://st9ph.fr/wp-content/uploads/2026/01/linked-in-small.jpg" alt=""> Ici, <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"><strong>Linked In Ads</strong></mark> me propose <strong>260k impressions</strong> en sponsorisé au lieu des <strong>70 </strong>que m'avaient apporté<strong> les followers </strong> (on ne se moque pas) soit un <strong>x 37K</strong> pour une <strong>cinquantaine d'euros</strong>. (CPV 0,002 €)</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><a href="https://business.linkedin.com/fr/fr/advertise/ads/campaign-manager" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="305" height="37" src="https://st9ph.fr/wp-content/uploads/2026/01/image-338.png" alt="" class="wp-image-33571" srcset="https://st9ph.fr/wp-content/uploads/2026/01/image-338.png 305w, https://st9ph.fr/wp-content/uploads/2026/01/image-338-300x36.png 300w" sizes="auto, (max-width: 305px) 100vw, 305px" /></a></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/01/image-337.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p class="has-small-font-size">↗️ Vous pouvez <strong>en savoir plus sur le Campaign manage</strong>r en cliquant sur le logo.</p>



<p>✅ Là, effectivement, <strong>ça se tente</strong> pour <strong>doper </strong>de façon générale <strong>l'audience du site</strong> et espérer <strong>des rebonds internes</strong>. L'effet "boule de neige" peut être payant. On mise sur un flux d'entrée (<strong>Aspirateur</strong>) et l'attrait du site doit pouvoir faire le reste si on l'a bien conçu.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_114cadf2-2234-4f91-9ed0-7ea0ee422423">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/sNy8cNDUobjVBdYv5" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2.png" alt="" class="wp-image-32590" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2.png 490w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/qrcode_docs.google.com-2-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-search-engine-marketing%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



<p></p>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-6b4c3d01     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/">⏺️Omnicanal | Search Engine Marketing</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/Enregistrement-2026-01-08-184314.mp4" length="939993" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/voicertool_audio_Eloise_12-01-2026_at_19_31_54_on_January_12th_2026.mp3" length="273024" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">32397</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Tue, 30 Dec 2025 18:27:50 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre les KPI]]></category>
		<category><![CDATA[indicateurs clés en vitrine]]></category>
		<category><![CDATA[indicateurs clés sur les réseaux sociaux]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31898</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Banana Pro de Google Gemini – personnage laura_Lor et illustrations d&#8217;elle 🖥️ zeoobs – publication Instagram Hubspot et Content Marketing Unstitute – données sur les vitrines Digital 2024 Global Overview Report –données d&#8217;engagemment sur les RS Thunderbit – Marché des RS Instagram ... <a title="⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Mesure KPI sur vos réseaux et en Vitrine">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/">⏺️Omnicanal | Mesure KPI sur vos réseaux et en Vitrine</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  les &#8220;KPI&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Les KPI, parfois nommés «&nbsp;métriques&nbsp;» sont <strong>des indicateurs clés de la performance </strong>de vos réalisations digitales. Ils ne faut pas les observer comme des données de bilan mais, tout au long de l’exécution de vos campagnes, comme <strong>des jauges de mesure</strong> permettant, s’ils sont en dessous de vos objectifs, d’établir <strong>des actions correctives</strong>.</p>
</div></div>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>Banana Pro de Google Gemini</strong> – personnage laura_Lor et illustrations d&#8217;elle</li>
<li><strong>🖥️ zeoobs</strong> – publication Instagram</li>
<li><strong>Hubspot et Content Marketing Unstitute</strong> – données sur les vitrines</li>
<li><strong>Digital 2024 Global Overview Report</strong> –données d&#8217;engagemment sur les RS</li>
<li><strong>Thunderbit</strong> – Marché des RS</li>
<li><strong>Instagram &#038; Tik-Tok </strong> – Rémunération des influenceurs </li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>savoir donner et analyser les KPI en vitrine et en RS</li>
<li>Connaitre le poids digital de ces canaux</li>
<p>👉 Ce sujet est au cœur de votre stratégie digitale</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Scroll Depth</strong> : étendue du parcours de la page</li>
<li><strong>Bounce Rate</strong> : Taux de rebond (départs sans action)</li>
<li><strong>Social proof</strong> : prendre à témoin les autres consommateurs</li>
<li><strong>FOMO</strong> : Fear Of Missing Out (la peur de manquer)</li>
<li><strong>Atterrissage</strong> : arrivé sur le site</li>
<li><strong>topic</strong> : sujet dans un forum</li>
<li><strong>Stack</strong> : trousse à outils </li>
<li><strong>CMS</strong> : Content Management System (un créateur de sites sans programmation)</li>
<li><strong>UGC</strong> : User Generated Content (media non travaillé pour fair plus authentique)</li>
<li><strong>Shoppable</strong> : disposant d&#8217;un lien pour acheter</li>
<li><strong>Reach</strong> Visiteurs uniques</li>
<li><strong>CTR</strong> : Click-Through Rate (engagement)</li>
<li><strong>CPV</strong> : Coup Par Vue (quand le client peut choisir)</li>
<li><strong>Conversion</strong> : vente à chaud (et à distance)</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" autoplay></audio></figure>



<p>Les canaux, regroupés en <strong>5 grandes familles</strong>, sont <strong>l’ensemble des outils</strong> que l’on peut utiliser dans sa relation commerciale.</p>



<ul class="wp-block-list">
<li>🏪Les <strong>Surfaces de Vente Physiques</strong> (<strong>SVP)</strong></li>



<li>🛒 Les <strong>Boutiques en ligne</strong> et places de marché numériques  (<strong>EShop</strong>)</li>



<li>📞 Les <strong>Centres de Relation Client</strong> (<strong>CRC</strong>)</li>



<li>✒️ Les<strong> sites en ligne hors Eshop</strong> (<strong>Vitrines</strong>)</li>



<li>🛜 Les pages de vos<strong> Réseaux Sociaux </strong>(souvent abrégés <strong>RS</strong> sur ce blog)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1005" height="205" src="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png" alt="" class="wp-image-31777" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png 1005w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-300x61.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-768x157.png 768w" sizes="auto, (max-width: 1005px) 100vw, 1005px" /></figure>



<p> Ils permettent d’établir des <strong>points de rencontre (<em>Touch points</em></strong>) où peuvent se réaliser les différentes opérations commerciales nécessaires aux différents «<strong>&nbsp;<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#les-moments-de-v%C3%A9rit%C3%A9">moments de vérité</a></strong>&nbsp;» dans le parcours client. </p>



<p class="has-base-2-background-color has-background">👉 Pour qu’ils soient digitaux, ils doivent <strong>collecter des données à exploiter</strong>. La <strong>mesure des KPI</strong> de ses canaux est donc cruciale pour <strong>optimiser votre performance commerciale</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d'IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-6cca354d-34b7-41e2-bfd0-970074966f98">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-6cca354d-34b7-41e2-bfd0-970074966f98-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-31d47700-9b07-406c-93a9-788b996c80e4">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-31d47700-9b07-406c-93a9-788b996c80e4-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-6d09356c-3e54-4f83-93f0-231a020ac4c6">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-6d09356c-3e54-4f83-93f0-231a020ac4c6-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<p>En raison de la longueur de l'analyse, <strong>cet article est découpé en trois parties</strong>. Pour voir les autres, cliquez sur les boutons ci-dessous :</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-c69da32d"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-2c9a8ba6 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre / y retourner</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-af52e98c"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-69277104 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Centre Relation Client</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre / y retourner</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-188386b8"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-743fae12 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="#" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">c'est ici</p>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">14–21 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">3 381 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-03-30T14:51:36+02:00">30 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-33946c9b      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au menu :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list "><a href="#11-les-4-arguments-déclencheurs" class="uagb-toc-link__trigger">🔹1.1 |Les 4 arguments déclencheurs</a><li class="uagb-toc__list "><a href="#12-les-kpi-de-vos-vitrines" class="uagb-toc-link__trigger">🔹1.2 |les KPI de vos vitrines</a><li class="uagb-toc__list "><a href="#22-outils-commerciaux-enjeux" class="uagb-toc-link__trigger">🔹2.2 |Outils commerciaux &amp; enjeux</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#22-mesures-kpi-corrections" class="uagb-toc-link__trigger">🔹2.2 |Mesures KPI &amp; corrections</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ol>					</div>
									</div>
				</div>
			


<p class="has-small-font-size"><strong>Laura Lorca (@Laura_lor)</strong>, présentée dans cet article,  est une <strong>influenceuse fictive</strong> inventée par l'IA. Toute ressemblance avec un personnage existant serait une pure coïncidence. Son image et les scènes la mettant en situation sont elles aussi génères par IA</p>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-1cf8b280e110430e7c8868ee6280efac" id="0-%E2%9C%92%EF%B8%8F-les-vitrines-composantes-outils-de-mesure-et-kpi">✒️ les Vitrines | Composantes, outils de mesure et KPI</h2>



<div class="chapter-title">
  <div class="chapter-number">🪶</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>
      <h2>les Vitrines | Composantes, outils de mesure et KPI</h2>
    </div>
    <ol class="chapter-points">
  <li>Les 4 arguments déclencheurs</li>
  <li>les KPI de vos vitrines</li>
</ol>
  </div>
</div>



<p>👉🏻 On considère ici tous <strong>vos sites en ligne non marchands</strong> (Blogs, Forums, FAQ, Formulaires hors VPC ...) et <strong>hors réseaux sociaux</strong>.</p>



<p class="callout bleu">On parle de <strong>sites vitrines </strong>car se sont eux qui <strong>renseignent</strong>, mettent en avant vos <strong>valeurs</strong>, votre <strong>savoir-faire</strong>, vos <strong>actions</strong> et tout ce qui peut rassembler vos potentiels clients ailleurs que dans une situation de vente. <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Il ne faut pas négliger leur impact.</mark></strong></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Un blog bien référencé</strong> continue de <strong>générer des clics</strong> vers une boutique <strong>pendant 2 ans</strong> après sa publication,<strong> contrairement à une story Instagram qui disparaît en 24h.</strong></p>
<cite><em>Content Marketing Institute</em> (2024-2025)</cite></blockquote>



<ul class="wp-block-list">
<li><strong>Taux de conversion supérieur :</strong> Un utilisateur qui arrive sur une boutique en ligne via <strong>un article de blog</strong> a un taux de conversion <strong>2,5 fois plus élevé</strong> qu'un utilisateur arrivant via une publicité classique (Display).</li>



<li><strong>Le pouvoir du SEO :</strong> <strong>70% des consommateurs</strong> préfèrent découvrir une marque via un article de blog plutôt qu'une publicité. C'est ce qu'on appelle<strong> l'acquisition organique</strong>.</li>



<li><strong>Atterrissage en magasin physique (Drive-to-Store) :</strong> <strong>45% des recherches locales</strong> sur un blog ou un site vitrine (ex: "Où trouver ce rouge à lèvres à Lyon ?") aboutissent à une visite en magasin dans les 24 heures.</li>



<li><strong>Crédibilité :</strong> Le blog est classé comme la <strong>5ème source d'information la plus fiable</strong> sur le web pour obtenir des conseils d'achat.</li>
</ul>



<p class="has-small-font-size">source Hubspot</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="715" src="https://st9ph.fr/wp-content/uploads/2025/12/image-145.png" alt="" class="wp-image-31930" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-145.png 393w, https://st9ph.fr/wp-content/uploads/2025/12/image-145-165x300.png 165w" sizes="auto, (max-width: 393px) 100vw, 393px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li> <strong>Durable</strong> et cout très faible</li>



<li><strong>maillage efficace</strong> (si bien référencé)</li>



<li>Permet de capter <strong>une audience d'opportunité</strong> en créant l'envie</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Demande <strong>de l'actualité</strong> et un <strong>travail récurent</strong> (alimenter et faire vivre)</li>



<li><strong>moins facile de capter</strong> l'audience que sur les RS</li>



<li>On ne peut pas<strong> s'improviser expert</strong>, l'audience est plus critique.</li>
</ul>



<div class="wp-block-uagb-counter uagb-block-b4c819fe wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-prefix">+</span><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="35" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">d'atterrissage en EShop<br>pour<strong> les articles de<br>blog comportant<br>des avis</strong></div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>
</div>



<h3 class="wp-block-heading" id="1-11-les-4-arguments-d%C3%A9clencheurs-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Les 4 arguments déclencheurs</strong></h3>



<p>Pour qu'une lectrice de notre mannequin/influenceuse clique sur le lien marchand, quatre arguments prédominent :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="464" style="aspect-ratio: 568 / 464;" width="568" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2025/12/tuto-levres.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>🅰️. La preuve par l'usage (Le "Crash-Test")</p>



<p>Le site vitrine permet d'aller <strong>plus loin que l'image Instagram</strong>.</p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> "J'ai testé ce rouge à lèvres pendant 12h, voici les photos sans filtre à 8h, 14h et 20h."</li>



<li><strong>Impact :</strong> Cela lève le frein de la peur sur la qualité réelle du produit.</li>
</ul>



<p>🅱️. L'Exclusivité ou l'Avantage Immédiat</p>



<p>Le blog est souvent le lieu où l'<strong>on trouve le "Bonus"</strong>.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>L'argument :</strong> "En passant par mon lien, vous avez -15% et un échantillon offert." ou "Ce coloris est en édition limitée, disponible uniquement via ce lien."</li>



<li><strong>Impact :</strong> Création d'un sentiment d'urgence (<strong>FOMO</strong>).</li>
</ul>



<p>©️. L'expertise et le Conseil (Le "<strong>How-to</strong>")</p>



<p>L'influenceuse ne vend pas qu'un objet, <strong>elle vend un résultat.</strong></p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> "Je vous montre comment appliquer ce rouge à lèvres pour un effet repulpant immédiat."</li>



<li><strong>Impact :</strong> Le clic n'est plus perçu comme un achat, mais comme<strong> l'acquisition d'un outil </strong>pour reproduire le look admiré.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/image-147.png" alt=""/></figure>
</div>
</div>



<p><strong>D</strong>. La "<strong>Social Proof</strong>" (Preuve sociale)</p>



<ul class="wp-block-list">
<li><strong>L'argument :</strong> Intégrer des avis d'autres lectrices ou montrer que le produit est en rupture de stock partout ailleurs.</li>



<li><strong>Impact :</strong> Rassure sur le fait que c'est<strong> le produit "tendance" du moment</strong>.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="808" height="102" src="https://st9ph.fr/wp-content/uploads/2025/12/image-148.png" alt="" class="wp-image-31935" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-148.png 808w, https://st9ph.fr/wp-content/uploads/2025/12/image-148-300x38.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-148-768x97.png 768w" sizes="auto, (max-width: 808px) 100vw, 808px" /></figure>



<p class="has-medium-font-size">Le parcours type (Tunnel de conversion) :</p>



<ol start="1" class="wp-block-list">
<li><strong>👀 </strong> La fille voit une photo <strong>stylée</strong> sur Instagram (<strong>Émotion</strong> -stimulus).</li>



<li>😮‍💨<strong>Considération :</strong> Elle clique sur le lien dans la bio pour lire l'article de blog (<strong>Éducation/Vérification</strong> - ZMOT).</li>



<li>✅ <strong>Décision :</strong> Elle voit les photos "avant/après" et le code promo sur le blog (<strong>Confiance</strong> - ZMOT).</li>



<li>↘️ <strong>Action :</strong> Clic sur le bouton "Shopper le look" vers la boutique en ligne ou consultation de la carte des points de vente (<strong>Achat</strong> - TMOT).</li>
</ol>



<h3 class="wp-block-heading" id="2-12-les-kpi-de-vos-vitrines-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>les KPI de vos vitrines</strong></h3>



<p class="has-medium-font-size">👀 | <strong>Visbilité</strong> <strong>(les internautes touchés)</strong></p>



<p>On retrouvera des <strong>éléments communs à la EShop</strong> :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Visiteurs</strong> et <strong>Visiteurs uniques</strong> (ceux qui viennent sur la boutique, et ceux qui y reviennent plusieurs fois)</li>



<li><strong>Vues</strong>, vues <strong>par visiteur</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ol class="wp-block-list">
<li>permet de connaitre <strong>le taux d'atterrissage </strong>par <strong>sources</strong></li>



<li>Permet de connaitre le <strong>taux de fidélisation</strong></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ol class="wp-block-list">
<li>Renforcer <strong>sa stratégie de référencement </strong>sur les sources en souffrance</li>



<li>Alimenter davantage le blog en <strong>articles</strong>, le forum en <strong>topics</strong>, modérer plus vite les <strong>avis</strong>, y répondre rapidement</li>
</ol>
</div>
</div>



<ul class="wp-block-list">
<li>On cherchera aussi à connaitre <strong>les sources du trafic</strong>. Je vous renvoie aux sources Analytiques de la partie sur les Eshops. <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#3-les-kpi-de-la-eshop" target="_blank" rel="noreferrer noopener">C'est ici</a>.</li>
</ul>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/image-156-1024x501.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<p class="has-medium-font-size">🖐️ | engagements sur vos vitrines</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Nombre d'inscriptions à la Newsletter :</strong> et ne plus dépendre des algorithmes de TikTok ou Instagram</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>on peut calculer le taux d'adhésion par rapport au nombre de visiteurs uniques</li>



<li></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Proposer une <strong>expérience utilisateur </strong>plus plaisante (temps faible) et notamment <strong>la navigation</strong></li>



<li>renforcer <strong>sa communication</strong> sur les évènements à venir  (RS)</li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="734" height="127" src="https://st9ph.fr/wp-content/uploads/2025/12/image-149.png" alt="" class="wp-image-31938" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-149.png 734w, https://st9ph.fr/wp-content/uploads/2025/12/image-149-300x52.png 300w" sizes="auto, (max-width: 734px) 100vw, 734px" /></figure>
</div>


<p></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Temps moyen passé sur la page :</strong> </li>



<li><strong>Profondeur de défilement (Scroll Depth) :</strong> Est-ce que les lectrices descendent jusqu'en bas de l'article (là où se trouve généralement le lien vers la boutique) ?</li>



<li><strong>Taux de rebond (Bounce Rate) :</strong> Pourcentage de visiteurs qui quittent le site après n'avoir vu qu'une seule page.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ol class="wp-block-list">
<li>Pour un article de blog de <strong>500 mots</strong>, un temps inférieur à<strong> 30 secondes </strong>indique que le contenu n'est pas lu.</li>



<li>Est-ce que les lectrices descenden<strong>t jusqu'en bas de l'article</strong> (là où se trouve généralement le lien vers la boutique) ?</li>



<li>LE rebond est engagement (certes négatif)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ol class="wp-block-list">
<li>Changer le type de contenu, alterner, raccourcir ...</li>



<li>proposer plus d'interaction</li>



<li>proposer un rebond interne pour proposer d'autres contenus à l'intérieur de votre blog</li>
</ol>



<p class="has-text-align-center has-base-2-background-color has-background">Voir aussi <a href="https://st9ph.fr/wordpress-methode-habi-et-yoast-seo-synchronises/" target="_blank" rel="noreferrer noopener">cet article</a> (<strong>méthode HABI</strong>)</p>
</div>
</div>



<p>Ici, 📈 <strong>Google Analytics </strong>me permet de mesure <strong>le taux d'engagement</strong> sur st9ph.fr, <strong>article par article </strong>:</p>



<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/image-155-1024x409.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-28a25da88b06a40bb70fbcf7b65d2797" id="3-les-r%C3%A9seaux-sociaux-composantes-outils-de-mesure-et-kpi">🛜 les Réseaux Sociaux | Composantes, outils de mesure et KPI</h2>



<div class="chapter-title">
  <div class="chapter-number">🛜</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>
      <h2>les Réseaux Sociaux | Composantes, outils de mesure et KPI</h2>
    </div>
    <ul class="chapter-points">
  <li>outils commerciaux et enjeux</li>
  <li>Mesures KPI et corrections</li>
 
</ul>
  </div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="885" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-142-885x1024.png" alt="" class="wp-image-31899" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-142-885x1024.png 885w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-259x300.png 259w, https://st9ph.fr/wp-content/uploads/2025/12/image-142-768x889.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-142.png 928w" sizes="auto, (max-width: 885px) 100vw, 885px" /></figure>



<p>Points clés à retenir :</p>



<ol start="1" class="wp-block-list">
<li><strong>L'ultra-dominance de TikTok :</strong> En France, un utilisateur moyen y  passe désormais plus de <strong>38 heures par mois</strong> !  Cela s'explique par l'algorithme de recommandation très addictif.</li>



<li><strong>L'engagement sur Instagram :</strong> très qualitatif pour les marques (achats, clics sur les liens).</li>



<li><strong>La fréquence d'ouverture :</strong> C'est sur <strong>Snapchat</strong> que les utilisateurs se connectent le plus souvent dans la journée (plus de 500 fois par mois en moyenne), même si les sessions sont très courtes.</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list callout vert">
<li> <strong>ciblage publicitaire</strong> d'une précision chirurgicale</li>



<li><strong>communautés de niche</strong></li>



<li><strong>puissance de partage</strong> et <strong>démocratisation du digital </strong>(chacun peut en devenir un acteur majeur)</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list callout rouge">
<li><strong>Bulle de filtres et polarisation </strong>(Les algorithmes nous enferment dans nos propres opinions)</li>



<li><strong>addiction</strong> et <strong>santé mentale</strong> (image de soi dans la communauté exemplaire)</li>



<li><strong>Sans garantie</strong> (contre vérités, Fake news, produits ou comportements promus parfois nocifs ou illégaux)</li>
</ul>



<p class="has-text-align-center has-large-font-size">🕑 <strong>2 h 23</strong></p>



<p class="has-text-align-center"><strong>Temps moyen par jour </strong>passé sur les réseaux sociaux (toutes classes d'âges confondues)</p>



<p class="has-text-align-center has-small-font-size">Source : Digital 2024 Global Overview Report</p>
</div>
</div>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Outils commerciaux &amp; enjeux</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-medium-font-size">➡️ Les Outils Techniques (La "<strong>Stack" logicielle</strong>)</p>



<p class="has-base-2-background-color has-background">Pour réussir, il faut <strong>connecter le catalogue</strong> produits de <strong>votre Eshop</strong> aux plateformes sociales !</p>



<p>1️⃣ <strong>Service Client &amp; Chatbots :</strong> <strong>ManyChat</strong> ou <strong>Zendesk</strong> automatisent les réponses aux DM (ex: "Quel est le prix ?") et peuvent envoyer des liens de paiement directement dans la messagerie.</p>



<p>2️⃣ <strong>Plateformes E-commerce (CMS) :</strong> <strong>Shopify</strong> reste le leader grâce à ses connecteurs natifs ultra-fluides avec TikTok Shop et Instagram Shopping. <strong>WooCommerce</strong> (Extension WordPress) est l'alternative privilégiée pour plus de personnalisation.</p>



<p>3️⃣ <strong>Gestionnaires de Flux :</strong> Des outils comme <strong>Commerce Manager (Meta)</strong> ou <strong>Base.com</strong> permettent de centraliser vos stocks, vos commandes et vos catalogues sur Instagram, Facebook et TikTok en une seule interface.</p>



<p>4️⃣ <strong>Pour le montage :</strong> <strong>CapCut / InShot</strong> sont leaders pour le montage de vidéos verticales dynamiques. + <strong>Canva </strong> pour les visuels de promotion et les annonces de lives.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<!-- DÉBUT BLOC IMAGE ZOOMABLE (V3 - CROIX & PROPORTIONS) -->
<style>
    .zoom-img-container { position: relative; display: inline-block; width: 100%; cursor: pointer; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s; }
    .zoom-img-container:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
    .zoom-img-container img { width: 100%; height: auto; display: block; transition: transform 0.3s; }
    .zoom-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; color: white; font-family: sans-serif; font-weight: bold; text-shadow: 0 1px 3px rgba(0,0,0,0.8); pointer-events: none; /* La souris traverse l'overlay pour cliquer sur l'image */ }
    .zoom-overlay svg { width: 40px; height: 40px; fill: white; margin-bottom: 5px; }
    .zoom-img-container:hover .zoom-overlay { opacity: 1; }
    .zoom-img-container:hover img { transform: scale(1.05); }
    
    .zoom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.85); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; }
    .zoom-modal.show { display: flex; opacity: 1; }
    
    /* CORRECTION PROPORTIONS : */
    .zoom-modal-content { 
        max-width: 90%; 
        max-height: 90%; 
        width: auto;       /* Force la largeur auto (pas d'étirement) */
        height: auto;      /* Force la hauteur auto */
        object-fit: contain; /* Assure que l'image tient dans le cadre sans déformer */
        border-radius: 4px; 
        box-shadow: 0 0 20px rgba(0,0,0,0.5); 
        animation: zoomIn 0.3s; 
    }
    
    .zoom-close { 
        position: absolute; 
        top: 20px; 
        right: 35px; 
        color: #f1f1f1; 
        font-size: 40px; 
        font-weight: bold; 
        cursor: pointer; 
        transition: 0.3s; 
        line-height: 1; 
        z-index: 10000; /* S'assure que la croix est au-dessus de tout */
        user-select: none;
    }
    .zoom-close:hover { color: #bbb; }

    @keyframes zoomIn { from {transform:scale(0.8); opacity:0} to {transform:scale(1); opacity:1} }
</style>

<!-- CONTENEUR DE L'IMAGE -->
<!-- 👇🏻 UNIQUE ENDROIT À MODIFIER : Change juste le src ci-dessous 👇🏻 -->
<div class="zoom-img-container" onclick="openZoomModal(this)">
    <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2025/12/zeoob.com_sm19wu0m9l_photo-453x1024.png" alt="Agrandir l'image">
    
    <div class="zoom-overlay">
        <svg viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
        <span>Agrandir</span>
    </div>
    
    <!-- LE POPUP (À l'intérieur du bloc) -->
    <div class="zoom-modal" onclick="closeZoomModal(event, this)">
        <span class="zoom-close" onclick="closeZoomModal(event, this.parentElement)">&times;</span>
        <img class="zoom-modal-content">
    </div>
</div>

<script>
    function openZoomModal(containerElement) {
        const modal = containerElement.querySelector('.zoom-modal');
        const modalImg = modal.querySelector('.zoom-modal-content');
        const clickedImg = containerElement.querySelector('img');
        
        modalImg.src = clickedImg.src;
        modal.classList.add("show");
    }

    // Correction Croix : On passe l'événement 'e' pour stopper la propagation
    function closeZoomModal(e, modalElement) {
        // Empêche le clic de se propager au fond noir (qui fermerait aussi le modal)
        if(e) e.stopPropagation();
        modalElement.classList.remove("show");
    }
    
    document.addEventListener('keydown', function(event) {
        if (event.key === "Escape") {
            const openModal = document.querySelector('.zoom-modal.show');
            if(openModal) openModal.classList.remove("show");
        }
    });
</script>
<!-- FIN BLOC IMAGE ZOOMABLE -->
</div>
</div>



<p class="has-medium-font-size">➡️ Les méthodes de vente depuis les RS</p>



<p class="callout jaune">👉🏻 Je précise bien "<strong>depuis</strong>" puisque que <strong>le canal réel de vente</strong> reste <strong>la EShop</strong>, même si le socionaute ne s'en rend pas compte.</p>



<p class="has-medium-font-size">🔹 Pour vendre depuis un réseau social, il faut en effet :</p>



<ul class="wp-block-list">
<li><strong>Avoir un compte Professionnel :</strong> C’est gratuit, il suffit de changer le type de compte dans les réglages.</li>



<li><strong>Avoir un catalogue en ligne :</strong> Même si la vente se fait sur le réseau, <strong>vous devez avoir une base de données produits </strong>(souvent <strong>via un site comme Shopify, Prestashop</strong> ou même un simple fichier Excel importé).</li>



<li><strong>Respecter les règles commerciales :</strong> <strong>la vente de certains produits est interdite </strong>(médicaments, alcool, tabac, etc.) et vous devez<strong> fournir des CGV</strong></li>
</ul>



<figure class="wp-block-table"><table><thead><tr><td><strong>Méthode</strong></td><td><strong>Description</strong></td><td><strong>Pourquoi ça marche ?</strong></td></tr></thead><tbody><tr><td><strong>Live Shopping</strong></td><td>Vente en direct (comme le téléachat moderne).</td><td>Création d'un sentiment d'urgence et interaction en temps réel.</td></tr><tr><td><strong>UGC (User Generated Content)</strong></td><td>Utiliser les vidéos de vrais clients ou de petits créateurs.</td><td><strong>L'authenticité</strong> convertit mieux qu'une publicité de studio lisse.</td></tr><tr><td><strong>Tags Produits (Shoppable Posts)</strong></td><td>Intégrer des pastilles cliquables sur les photos/vidéos.</td><td>Réduit le nombre de clics avant l'achat (achat d'impulsion).</td></tr><tr><td><strong>Le "Drop" exclusif</strong></td><td>Annoncer un produit en édition limitée disponible via un lien en story.</td><td>Joue sur la "peur de manquer" (<strong>FOMO</strong>).</td></tr></tbody></table></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="939" height="443" src="https://st9ph.fr/wp-content/uploads/2025/12/Image2.png" alt="" class="wp-image-31908" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Image2.png 939w, https://st9ph.fr/wp-content/uploads/2025/12/Image2-300x142.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/Image2-768x362.png 768w" sizes="auto, (max-width: 939px) 100vw, 939px" /></figure>
</div>
</div>



<p class="has-small-font-size">Sources : Influencer Marketing Hub, Statista</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>ROI :</strong> En moyenne, les entreprises génèrent <strong>5,78 $ pour chaque dollar investi</strong> dans l'influence (<em>Source : Influencer Marketing Hub</em>).</li>



<li><strong>Part du budget marketing :</strong> Près de <strong>25 % des entreprises</strong> consacrent désormais plus de <strong>40 %</strong> de leur budget marketing total à l'influence (<em>Source : Independant.io</em>).</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-818a95ab wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M128 447.1V223.1c0-17.67-14.33-31.1-32-31.1H32c-17.67 0-32 14.33-32 31.1v223.1c0 17.67 14.33 31.1 32 31.1h64C113.7 479.1 128 465.6 128 447.1zM512 224.1c0-26.5-21.48-47.98-48-47.98h-146.5c22.77-37.91 34.52-80.88 34.52-96.02C352 56.52 333.5 32 302.5 32c-63.13 0-26.36 76.15-108.2 141.6L178 186.6C166.2 196.1 160.2 210 160.1 224c-.0234 .0234 0 0 0 0L160 384c0 15.1 7.113 29.33 19.2 38.39l34.14 25.59C241 468.8 274.7 480 309.3 480H368c26.52 0 48-21.47 48-47.98c0-3.635-.4805-7.143-1.246-10.55C434 415.2 448 397.4 448 376c0-9.148-2.697-17.61-7.139-24.88C463.1 347 480 327.5 480 304.1c0-12.5-4.893-23.78-12.72-32.32C492.2 270.1 512 249.5 512 224.1z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="69" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des socionautes<br>font confiance<br> aux influenceurs</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>



<p class="has-small-font-size">Source : Thunderbit</p>
</div>
</div>



<p class="has-base-2-background-color has-background">Selon la FEVAD, même si la vente depuis les RS en France  représente <strong>moins de 2%</strong> de l'ensemble (contre environ 75 % pour la SVP),<strong> sa part augmente de 30% chaque année</strong> pour un volume d'<strong>environ 5 milliards d'Euros</strong> fin 2025.</p>



<p>Estimation du revenus des influenceurs par popularité :</p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Catégorie d'influenceur</strong></td><td><strong>Nombre d'abonnés</strong></td><td><strong>Revenu estimé par post</strong></td></tr></thead><tbody><tr><td><strong>Nano-influenceur</strong></td><td>1 000 – 10 000</td><td>10 € – 100 €</td></tr><tr><td><strong>Micro-influenceur</strong></td><td>10 000 – 50 000</td><td>100 € – 500 €</td></tr><tr><td><strong>Mid-tier</strong></td><td>50 000 – 500 000</td><td>500 € – 5 000 €</td></tr><tr><td><strong>Macro-influenceur</strong></td><td>500 000 – 1M</td><td>5 000 € – 10 000 €</td></tr><tr><td><strong>Méga-influenceur</strong></td><td>+ 1 million</td><td>10 000 € – 100 000 €+</td></tr></tbody></table></figure>



<p class="has-small-font-size">souces instagram/TikTok</p>



<h3 class="wp-block-heading" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Mesures KPI &amp; corrections</strong></h3>



<p class="callout rouge has-medium-font-size">On se méfiera des <strong>Vanity Metrics </strong>(KPI qui ne rapportent rien, comme les like, par exemple).</p>



<p class="has-medium-font-size">👀 | <strong>Visbilité</strong> <strong>(les flux de socionautes touchés)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Impressions :</strong> Nombre d'affichages de vos publications</li>



<li><strong>Portée (Reach) :</strong> Nombre d'utilisateurs <strong>uniques</strong> ayant vu votre publication.</li>



<li><strong>Nombre d'abonnés (Followers) :</strong> Indique la croissance de la communauté</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>fréquence et périodes</li>



<li>durée d'impression</li>



<li>Taux de complétion (*)</li>



<li>fidélité</li>



<li>Audience vivante / morte</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>changez de formats (story, réels ...) pour créer l'envie de rester / revenir</li>



<li>ayez recours à des influenceurs pour générer du trafic</li>



<li>vendez "original" (méthodes, produits qu'on ne trouvera que chez vous)</li>
</ul>
</div>
</div>



<p>Ci-dessous, le choix <strong>statistiques</strong> de mon <strong>tableau de bord</strong> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Linked In</mark></strong> me permet de <strong>surveiller les KPI </strong>de mes publications :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="738" src="https://st9ph.fr/wp-content/uploads/2025/12/image-154-1024x738.png" alt="" class="wp-image-34011" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-154-1024x738.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-154-300x216.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-154-768x554.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-154.png 1294w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="callout jaune">⚠️ Ne négligez pas la <strong>Rétention Vidéo</strong> (pour les Reels et TikTok) : si les gens s'arrêtent de regarder votre vidéo <strong>après 2 secondes</strong>, l'algorithme cessera de la diffuser. Visez <strong>un taux de complétion</strong> (ceux qui regardent jusqu'au bout) supérieur à <strong>30%</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="981" height="208" src="https://st9ph.fr/wp-content/uploads/2025/12/image-143.png" alt="" class="wp-image-31924" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-143.png 981w, https://st9ph.fr/wp-content/uploads/2025/12/image-143-300x64.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-143-768x163.png 768w" sizes="auto, (max-width: 981px) 100vw, 981px" /></figure>



<p class="has-medium-font-size">🖐️| engagements (interactions sur mes réseaux)</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Taux d'engagement (TxE) :</strong> Le ratio entre les interactions et la portée (ou le nombre d'abonnés).</li>



<li><strong>Partages (Shares)</strong>  (visibilité gratuite et de la crédibilité)</li>



<li><strong>Enregistrements (Saves) :</strong>  valeur durable (tutos, conseils).</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>(likes + commentaires + partage) / portée = (TxE)</li>



<li>Taux de clic (<strong>CTR</strong> - Click-Through Rate) : Pourcentage de personnes ayant cliqué sur le lien dans votre bio ou votre story.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>travaillez votre clickbait (putaclic) en jouant sur la curiosité ou le FOMO</li>



<li>récompensez les partages par des avantages </li>



<li>faites du contenu à plus forte valeur ajoutée</li>
</ul>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="912" height="246" src="https://st9ph.fr/wp-content/uploads/2025/12/image-144.png" alt="" class="wp-image-31926" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-144.png 912w, https://st9ph.fr/wp-content/uploads/2025/12/image-144-300x81.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-144-768x207.png 768w" sizes="auto, (max-width: 912px) 100vw, 912px" /></figure>
</div>


<p class="has-medium-font-size">🛒| Conversions (ventes liées à vos CTA en RS)</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Coût par Vue (CPV) :</strong> Si vous faites de la publicité, combien vous coûte chaque visiteur.</li>



<li><strong>Taux de conversion :</strong> Pourcentage de visiteurs provenant des réseaux sociaux qui finissent par acheter un produit.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>Taux de <strong>complétion </strong>(temps de vue de vos posts ou de lecture de vos vidéos)</li>



<li>Ventes / portée</li>



<li>CA, marge, panier moyen ... (comme pour toute boutique)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>faites des feedback sur les produits que vous proposez (qualité, livraison ...) pour savoir quoi améliorer</li>



<li>Votre audience est-elle bien  ciblée</li>



<li>comparez à votre eshop pour voir si le faible taux de conversion vient du format ou du message</li>
</ul>
</div>
</div>



<p></p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">revenir à</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-ba0b9b60"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3622ddc0 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">revenir à</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-419758be"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-52ccf20b wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">CRC</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">Cet article est la <strong>dernière</strong> partie d'un ensemble de 3</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_59d0f4d0-881f-4724-8893-f5778bb516bd">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/ZZaLCV5sz3eyH4wx5" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6.png" alt="" class="wp-image-32744" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6.png 490w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-6-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-452a5084     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/">⏺️Omnicanal | Mesure KPI sur vos réseaux et en Vitrine</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" length="335520" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/tuto-levres.mp4" length="1286866" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">31898</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Mesure KPI en CRC</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Mon, 29 Dec 2025 09:38:46 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre les KPI]]></category>
		<category><![CDATA[exemple de SVI]]></category>
		<category><![CDATA[indicateurs clés en centre de relation client]]></category>
		<category><![CDATA[indicateurs clés en phoning]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31837</guid>

					<description><![CDATA[<p>📖 Lecture : 0 % ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources Banana Pro de Google Gemini – personnages d&#8217;illustration et image mise en avant BVA Xsight – étude sur les typologies de SAV 🖥️ Tidio : screenshots du chatbot de la boutique st9ph SNCF : extrait du SVI (RGPD) Temo, Zendesk, Converso AI ... <a title="⏺️Omnicanal &#124; Mesure KPI en CRC" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Mesure KPI en CRC">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/">⏺️Omnicanal | Mesure KPI en CRC</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  les &#8220;KPI&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Les KPI, parfois nommés «&nbsp;métriques&nbsp;» sont <strong>des indicateurs clés de la performance </strong>de vos réalisations digitales. Ils ne faut pas les observer comme des données de bilan mais, tout au long de l’exécution de vos campagnes, comme <strong>des jauges de mesure</strong> permettant, s’ils sont en dessous de vos objectifs, d’établir <strong>des actions correctives</strong>.</p>
</div></div>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>Banana Pro de Google Gemini</strong> – personnages d&#8217;illustration et image mise en avant</li>
<li><strong>BVA Xsight</strong> – étude sur les typologies de SAV</li>
<li><strong>🖥️ Tidio</strong> : screenshots du chatbot de la boutique st9ph</li>
<li><strong>SNCF</strong> : extrait du SVI (RGPD)</li>

<li><strong>Temo, Zendesk, Converso AI &#038; SP2C-EY</strong> – données croisées sur les couts de la réclamation</li>
<li><strong>Insee, LEgifrance, URSAFF et Joobie-HelloWord</strong> – cout horaire par type d&#8217;opérateurs</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p>Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>savoir donner et analyser les KPI des CRC</li>
<li>Connaitre les leviers et les freins de tous ses sous-canaux</li>
<p>👉 Ce sujet est au cœur de votre stratégie digitale</p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>externalisé</strong> : géré par un prestataire</li>
<li><strong>offshore</strong> : à l&#8217;étranger</li>
<li><strong>Atterrissage</strong> : arrivé sur le site</li>
<li><strong>topic</strong> : sujet dans un forum</li>
<li><strong>Stack</strong> : trousse à outils </li>
<li><strong>CMS</strong> : Content Management System (un créateur de sites sans programmation)</li>
<li><strong>Vigie bots</strong> : réacteurs à des signaux et déclencheurs d&#8217;évenements </li>
<li><strong>DMT</strong> : durée moyenne de traitement</li>
<li><strong>ACD</strong> automate de distribution des clients en attente à des opérateurs qui se libèrent</li>
<li><strong>dissuasion</strong> : message donné aux appelants quand plus une seule position d&#8217;attente n&#8217;est disponible</li>
<li><strong>Ticket</strong> : Fil d&#8217;intervention pour une demande client</li>
<li><strong>SatCli</strong> :abrégé de satisfaction client</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" autoplay></audio></figure>



<p>Les canaux, regroupés en <strong>5 grandes familles</strong>, sont <strong>l’ensemble des outils</strong> que l’on peut utiliser dans sa relation commerciale.</p>



<ul class="wp-block-list">
<li>🏪Les <strong>Surfaces de Vente Physiques</strong> (<strong>SVP)</strong></li>



<li>🛒 Les <strong>Boutiques en ligne</strong> et places de marché numériques  (<strong>EShop</strong>)</li>



<li>📞 Les <strong>Centres de Relation Client</strong> (<strong>CRC</strong>)</li>



<li>✒️ Les<strong> sites en ligne hors Eshop</strong> (<strong>Vitrines</strong>)</li>



<li>🛜 Les pages de vos<strong> Réseaux Sociaux </strong>(souvent abrégés <strong>RS</strong> sur ce blog)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1005" height="205" src="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png" alt="" class="wp-image-31777" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png 1005w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-300x61.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-768x157.png 768w" sizes="auto, (max-width: 1005px) 100vw, 1005px" /></figure>



<p> Ils permettent d’établir des <strong>points de rencontre (<em>Touch points</em></strong>) où peuvent se réaliser les différentes opérations commerciales nécessaires aux différents «<strong>&nbsp;<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#les-moments-de-v%C3%A9rit%C3%A9">moments de vérité</a></strong>&nbsp;» dans le parcours client. </p>



<p class="has-base-2-background-color has-background">👉 Pour qu’ils soient digitaux, ils doivent <strong>collecter des données à exploiter</strong>. La <strong>mesure des KPI</strong> de ses canaux est donc cruciale pour <strong>optimiser votre performance commerciale</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d'IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-3393618e-6e85-469a-b36d-c1cecb5f9962">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-3393618e-6e85-469a-b36d-c1cecb5f9962-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-d7debedf-651c-4f0e-9325-06ea293f979d">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-d7debedf-651c-4f0e-9325-06ea293f979d-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-ee52d399-61cf-4689-81c4-3633f0a7df48">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-ee52d399-61cf-4689-81c4-3633f0a7df48-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<p>En raison de la longueur de l'analyse, <strong>cet article est découpé en trois parties</strong>. Pour voir les autres, cliquez sur les boutons ci-dessous :</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-c69da32d"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-2c9a8ba6 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-af52e98c"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-69277104 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="#" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Centre Relation Client</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">c'est ici</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-188386b8"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-743fae12 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">A venir</p>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">15–22 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">3 490 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-03-19T23:40:09+01:00">19 mars  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-33946c9b      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au menu :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#1-composantes-du-crc" class="uagb-toc-link__trigger">1 | Composantes du CRC</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-1-les-composantes-automatisées" class="uagb-toc-link__trigger">1-1 | les composantes automatisées</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-les-composantes-humaines" class="uagb-toc-link__trigger">1-2| les composantes humaines</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#2-outils-de-mesure" class="uagb-toc-link__trigger">2 | Outils de mesure</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-1-statcli-des-robots-conversationnels" class="uagb-toc-link__trigger">2-1 | StatCli des robots conversationnels</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-satcli-des-touch-points-humains" class="uagb-toc-link__trigger">2- 2 | Satcli des touch points humains</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#3-indicateurs-clés-mesures-et-corrections" class="uagb-toc-link__trigger">3 | indicateurs clés, mesures et corrections</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-89124842813c3e6e557ea3d13a9d3f65" id="0-les-crc-composantes-outils-de-mesure-et-kpi">📞 les CRC | Composantes, outils de mesure et KPI</h2>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/6.jpg" alt="" class="wp-image-31838" srcset="https://st9ph.fr/wp-content/uploads/2025/12/6.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/6-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/6-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/6-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨sine qua none ?</summary>
<p>C'est du latin : "sans quoi, c'est non"</p>
</details>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨ticketing ?</summary>
<p>gestion des tickets (demandes faites via les formulaires de demande d'intervention)</p>
</details>



<p class="has-small-font-size">*sources : <em>Étude BVA Xsight </em></p>



<p class="has-base-2-background-color has-background"><strong>Motifs principaux :</strong> * <strong>53 %</strong> des appels concernent des <strong>réclamations</strong> (un chiffre en hausse).</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Relation <strong>1 to 1 </strong>personnalisée</li>



<li>Une relation réussie est un <strong>booster de fidélité</strong></li>



<li><strong>sine qua none</strong> pour les produits et services à <strong>forte valeur ajoutée</strong></li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>certains canaux sont <strong>parfois peu réactifs </strong>(mail, ticketing)</li>



<li>parfois <strong>couteux</strong> pour le client (hors garantie) et l'enseigne (personnel spécialisé)</li>



<li><strong>joue sur la réputation</strong> si mal géré</li>
</ul>



<div class="wp-block-uagb-counter uagb-block-4f470ee9 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M0 155.2C0 147.9 2.153 140.8 6.188 134.7L81.75 21.37C90.65 8.021 105.6 0 121.7 0H518.3C534.4 0 549.3 8.021 558.2 21.37L633.8 134.7C637.8 140.8 640 147.9 640 155.2C640 175.5 623.5 192 603.2 192H36.84C16.5 192 .0003 175.5 .0003 155.2H0zM64 224H128V384H320V224H384V464C384 490.5 362.5 512 336 512H112C85.49 512 64 490.5 64 464V224zM512 224H576V480C576 497.7 561.7 512 544 512C526.3 512 512 497.7 512 480V224z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="78" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des français <br>ont <strong>contacté un CRC</strong><br> sur les 12 derniers<br>mois*</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>
</div>



<h3 class="wp-block-heading" id="1-1-composantes-du-crc">1 | Composantes du CRC</h3>



<p>Dans la première partie de l'article, nous avons vu que <strong>le SVP </strong>était souvent <strong>le lieu du CRC</strong> pour les<strong> enseignes de proximité.</strong> Pour les <strong>grands groupes</strong>, on a souvent recours à <strong>des prestataires externalisés,</strong> voire <strong>offshore </strong>pour des raison de couts pour gérer<strong> les composantes du schéma ci-dessous</strong>, qui tente de montrer les grandes familles d'<strong>outils en CRC</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="709" height="437" src="https://st9ph.fr/wp-content/uploads/2025/12/image-124.png" alt="" class="wp-image-31839" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-124.png 709w, https://st9ph.fr/wp-content/uploads/2025/12/image-124-300x185.png 300w" sizes="auto, (max-width: 709px) 100vw, 709px" /></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨<strong>externalisés</strong> ? C'est ceux qui ne mangent pas à la cantine ?</summary>
<p>Non, l'<strong>externalisation</strong>, c'est le fait de confier à des<strong> prestataires spécialisés</strong> (centre de contacts) le CRC de votre enseigne. On bénéficie alors de <strong>leur expertise métier </strong>et de <strong>leurs outils</strong> (une plateforme téléphonique coute une fortune, pour ne citer qu'elle)</p>
</details>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨<strong>Offshore</strong> ? C'est comme les plateformes pétrolières en mer  ?</summary>
<p>Un peu ! On parle d'Offshore pour "<strong>à l'étrange</strong>r" parce qu'<strong>externaliser offshore</strong> coute<strong> moins cher</strong> dans des pays où <strong>le salaire</strong> horaire est plus bas. Il y'a énormément de<strong> pays francophones</strong> pour lesquels c'est le cas, notamment<strong> au Maghreb</strong> qui s'est spécialisé dans l'offshore pour nos grandes enseignes françaises. </p>
</details>



<h4 class="wp-block-heading" id="2-1-1-les-composantes-automatis%C3%A9es">1-1 | les composantes automatisées</h4>



<p>On peut les regroupe en 3 types d'outils :</p>



<ul class="wp-block-list">
<li>les <strong>robots conversationnels </strong>(voix ou tchat) en mesure de <strong>gérer pas à pas</strong> les problématiques récurrentes <strong>pas trop complexes </strong>mais énormément chronophages</li>



<li>Les <strong>réacteurs </strong>qui produisent des <strong>réponses types à des scénarios établis</strong> (mail d'alerte automatisés, sms de rappel, notifications d'agents d'arrivée d'un ticket ...)</li>



<li>le <strong>gestion des flux</strong> (Attentes et dispatching sur le SVI, shedulers, historiques des tickets pour les interventions à étapes, la commande de réapprovisionnement en pièces détachées après chaque sortie .en SAV ...)</li>
</ul>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-7f43b97caa55ff8eb67ae774d5dfe98f">➡️ robots conversationnels</p>



<p>On les trouvent <strong>en phoning </strong>(numéros dédiés) ou sur<strong> les boutiques en ligne</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="367" height="316" src="https://st9ph.fr/wp-content/uploads/2025/12/image-125.png" alt="" class="wp-image-31846" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-125.png 367w, https://st9ph.fr/wp-content/uploads/2025/12/image-125-300x258.png 300w" sizes="auto, (max-width: 367px) 100vw, 367px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👉 Prenons l'exemple de <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique pédagogique</a> qui propose <strong>un tchatbot.</strong></p>



<p class="has-base-2-background-color has-background">Son rôle est de <strong>répondre aux questions courantes </strong>et de guider dans les fonctionnalités de la eshop telle que la gestion selfcare de son compte</p>



<p>L'objectif est à la fois de<strong> rendre autonome le visiteur </strong>dans les manipulations qui ne sont pas intuitives et d'<strong>éviter d'encombrer le SAV avec des tickets</strong> pour des problématiques générique.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Dans le choix "mot de passe perdu" On est devant <strong>3 problématiques</strong> maximum avec des réponses invariables :</p>



<ul class="wp-block-list">
<li>soit le client<strong> ne se souvient plus de son identifiant </strong> et il faudra lui rappeler que c'est <strong>son adresse mail</strong></li>



<li>soir le client a <strong>perdu son mot de passe</strong> et il faudra l'emmener sur la <strong>page de réinitialisation</strong></li>



<li>soit il a perdu les deux et il faudra <strong>lui envoyer un mail de réinitialisation</strong> après lui avoir rappelé sur quelle boite mail on va lui envoyer.</li>
</ul>



<p>Voyions<strong> le cas du mot de passe</strong> mais vous pouvez tester les autres sur<a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener"> la boutique</a> :</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="346" height="350" src="https://st9ph.fr/wp-content/uploads/2025/12/image-126.png" alt="" class="wp-image-31847" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-126.png 346w, https://st9ph.fr/wp-content/uploads/2025/12/image-126-297x300.png 297w" sizes="auto, (max-width: 346px) 100vw, 346px" /></figure>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="802" height="537" src="https://st9ph.fr/wp-content/uploads/2025/12/image-127.png" alt="" class="wp-image-31848" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-127.png 802w, https://st9ph.fr/wp-content/uploads/2025/12/image-127-300x201.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-127-768x514.png 768w" sizes="auto, (max-width: 802px) 100vw, 802px" /></figure>



<p>Le lien "<strong>cliquez ici</strong>" renvoie directement sur la page de réinitialisation <strong>en arrière plan</strong>, sans quitter le Tchat.</p>



<p>👉 Autre exemple,<strong> le serveur vocal interactif</strong> (SVI) de la SNCF (<strong>3635</strong>) pour l'information sur les horaires de train, aucune intervention humaine et une reconnaissance vocale aux questions posées :</p>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/SNCF-Debut.mp3"></audio><figcaption class="wp-element-caption"><strong>Accueil</strong>, <strong>Dispatching initial </strong>- <strong>choix </strong>analogique (touche) + <strong>demande d'énoncé</strong> de ville départ</figcaption></figure>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/SNCF-2.mp3"></audio><figcaption class="wp-element-caption"><strong>collecte des informations</strong> (reconnaissance vocale) puis <strong>reformulation</strong> de la question /<strong> validation</strong></figcaption></figure>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/Sncf-synthese.mp3"></audio><figcaption class="wp-element-caption"><strong>Gestion de la demand</strong>e puis proposition de service</figcaption></figure>



<p>L'<strong>information</strong> sur les<strong> services </strong>(transports, administrations ...) , les<strong> situations de compte</strong> (banque, opérateurs de  téléphonie ...) ou le <strong>suivi de commande </strong>(commerçants, livreurs) peut-être géré aisément par un robot conversationnel.</p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Type de Service</strong></td><td><strong>Agent Humain (France)</strong></td><td><strong>Chatbot IA </strong></td><td><strong>Voicebot IA </strong></td><td><strong>Économie (vs Humain)</strong></td></tr></thead><tbody><tr><td><strong>Information Simple</strong></td><td><strong>5 € à 8 €</strong></td><td><strong>0,10 € à 0,50 €</strong></td><td><strong>0,30 € à 0,80 €</strong></td><td><strong>~90 %</strong></td></tr><tr><td><strong>Réservation / RDV</strong></td><td><strong>8 € à 15 €</strong></td><td><strong>0,50 € à 1,50 €</strong></td><td><strong>1,00 € à 2,50 €</strong></td><td><strong>~85 %</strong></td></tr><tr><td><strong>Support Niveau 1</strong></td><td><strong>12 € à 20 €</strong></td><td><strong>1,00 € à 3,00 €</strong></td><td><strong>2,00 € à 4,50 €</strong></td><td><strong>~75 %</strong></td></tr><tr><td><strong>Réclamation complexe</strong></td><td><strong>15 € à 30 €</strong></td><td><strong>2,00 € à 5,00 €</strong></td><td><strong>3,00 € à 7,00 €</strong></td><td><strong>~60 %</strong></td></tr></tbody></table></figure>



<ul class="wp-block-list">
<li><strong>Facturation à la minute contre facturation à la résolution :</strong> Un agent humain coûte entre <strong>0,40 € et 1,10 € par minute</strong> (en incluant charges et infrastructure). Un <strong>agent IA</strong> est souvent <strong>facturé à la "résolution" </strong>(environ <strong>0,90 €</strong> par ticket résolu chez des leaders comme <em>Intercom</em>) ou <strong>au volume de jetons </strong>(tickets ouverts).</li>



<li><strong>Disponibilité 24/7 :</strong> Maintenir <strong>un service humain de nuit </strong>ou le week-end <strong>majore les coûts</strong> de <strong>50 % à 100 %</strong>. Pour un robot, le <strong>coût reste identique</strong> quel que soit l'horaire.</li>



<li><strong>Scalabilité :</strong> Un robot peut traiter <strong>1 000 conversations simultanément </strong>sans coût supplémentaire de recrutement ou de formation, là où une entreprise devrait embaucher<strong> des dizaines d'agents </strong>(rien que pour la tchat).</li>
</ul>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨<strong>Scalabilité</strong> ? Jamais entendu ce mot !</summary>
<p>Ca vient de "Scale" en anglais et <strong>c'est du jargon informatique</strong>. C'est la c<strong>apacité du SI</strong> (système d'information) <strong>à s'adapter à des volumes variables</strong>, notamment en repaginant sa mémoire et ses priorités de traitement.</p>
</details>



<p class="has-small-font-size">Sources des données :</p>



<ul class="wp-block-list has-small-font-size">
<li><strong>Teneo (2025) :</strong> Analyse comparative "AI vs Live Agent Cost" montrant une réduction de 90 % des coûts sur les demandes standardisées.</li>



<li><strong>Zendesk / Intercom (2024-2025) :</strong> Tarifications publiques basées sur le modèle de "résolution par l'IA" (environ 0,90 €/résolution).</li>



<li><strong>Converso AI (2025) :</strong> Étude sur les coûts opérationnels des agents vocaux IA vs humains ($0.09/min vs $0.50+/min).</li>



<li><strong>SP2C / EY (2024) :</strong> Baromètre de la Relation Client sur les coûts de la main-d'œuvre en France.</li>
</ul>



<p>➡️Les <strong>réacteurs</strong> (ou vigies bots)</p>



<p class="has-base-2-background-color has-background">Comme leurs noms l'indiquent,<strong> ils réagissent à un état </strong>qu'on leur a demandé de surveiller (un niveau de stock bas, la réception d'un nouvel avis ...)<strong> et déclenchent des opérations </strong>(pour reprendre les deux derniers exemples (une commande automatique au fournisseur et une lecture par IA du contenu pour contrôler que l'avis respecte la bienséance avant de le publier automatiquement).</p>



<p>Le déroulé ci-dessous s’inspire du CMS PrestaShop (mais les autres fonctionnent sensiblement de la même manière) afin de<strong> tracer les déclencheurs</strong> (dont certains sont obligatoires au regard du code du commerce) <strong>dans le cadre du suivi de commande</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="968" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-129-968x1024.png" alt="" class="wp-image-31855" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-129-968x1024.png 968w, https://st9ph.fr/wp-content/uploads/2025/12/image-129-284x300.png 284w, https://st9ph.fr/wp-content/uploads/2025/12/image-129-768x813.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-129.png 1101w" sizes="auto, (max-width: 968px) 100vw, 968px" /></figure>



<p class="has-base-2-background-color has-background">Aucune intervention humaine n'est nécessaire, là encore. Et c'est "tant mieux" ! Une commande faite à 3 heures du matin par votre client insomniaque n'aura pas besoin d'attendre une validation de votre opérateur quand il arrivera devant son tableau de bord six heures plus tard.</p>



<p class="has-medium-font-size">Sans les vigies bots et les outils automatisés, le e-commerce n'est pas possible !</p>



<p class="has-medium-font-size">➡️ Gestion des flux</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Il s'agit d'<strong>optimiser les files de traitement.</strong> Là encore, <strong>la gestion par tickets </strong>sera prépondérante mais voyons aussi l'exemple des <strong>files d'attente en Call Center</strong>.</p>



<p>Un plateau de téléconseillers est calibré pour absorber un certains nombre d'appels, si tant est que :</p>



<ul class="wp-block-list">
<li>chacun <strong>respecte sa DMT</strong> (durée moyenne de traitement),</li>



<li>qu'il n'y ait <strong>pas d'absences </strong>(ou de dépassements de pauses,</li>



<li>Qu'<strong>aucune panne technique </strong>n'affecte les outils de résolution, d'historisation et de suivi des incidents</li>
</ul>



<p class="callout bleu">⏱️ L'<em>ACD</em> (Automatic Call Distribution) <strong>distribuera les appels en attente</strong> au 1er conseiller disponible.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-video"><video height="520" style="aspect-ratio: 358 / 520;" width="358" autoplay loop muted src="https://st9ph.fr/wp-content/uploads/2025/12/helena-typing.mp4" playsinline></video></figure>
</div>
</div>



<p>👉🏻 Ci-Dessus, Helena historise et reste en statut ACW. Elle indiquera sa disponibilité par une touche sur le téléphone quand elle aura terminé.</p>



<p>Dans l’exemple ci-dessous, prenons une <strong>DMT moyenne de 3’00</strong>. Il n’y a que <strong>3 téléacteurs </strong>présents sur 4 positions d’appels, tous en conversation et déjà <strong>2 clients </strong>en attente sur le SVI quand un 3<sup>ème</sup> appel se présente.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="375" height="475" src="https://st9ph.fr/wp-content/uploads/2025/12/image-131.png" alt="" class="wp-image-31858" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-131.png 375w, https://st9ph.fr/wp-content/uploads/2025/12/image-131-237x300.png 237w" sizes="auto, (max-width: 375px) 100vw, 375px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ul class="wp-block-list">
<li>C’est théoriquement <strong>l’agent n°3</strong> qui devrait être disponible le plus tôt (même s'il a déjà dépassé sa DMT et, donc, faussé le calcul annoncé par le SVI). Il devrait selon toute probabilité, prendre en charge le client en <strong>attente n°2</strong> (c’est lui qui est arrivé le 1<sup>er</sup>).</li>



<li>Ce devrait être ensuite <strong>l’agent n°1</strong> qui devrait logiquement gérer le client en <strong>attente n°1</strong> (arrivé en 2<sup>nd</sup> sur le SVI).</li>



<li>Le temps de prise en charge du client qui va prendre l’attente n°3 dépendra donc de la disponibilité de <strong>l’agent n°2</strong>, théoriquement à nouveau <strong>libre dans 1’55 </strong>s’il respecte la DMT moyenne et c’est ce qu’annoncera le SVI.</li>
</ul>
</div>
</div>



<p class="has-base-2-background-color has-background">Il se pourrait d’ailleurs que <strong>l’agent n°4 revienne de pause</strong> avant ces 1’55 et qu’il prenne en charge l’appel plus tot. Il se peut aussi qu<strong>’une conversation des agents 1 ou 2 </strong>se prolonge et que l’agent 3 soit amené à gérer le client en attente 2 qui n’aura pas encore été pris en charge et <strong>qui est prioritaire</strong>. Tout est possible car <strong>ce calcul n’est que théorique</strong> dans un scénario idéal !</p>



<p><strong>Le nombre de positions d'attente</strong>, estimé selon <strong>un délai de prise en charge acceptable</strong>, peut être dépassé. Dans ce cas, <strong>l'appelant est rejeté</strong> (il devra rappeler) et reçoit <strong>un message </strong>dit <strong>de dissuasion</strong> :</p>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/disuad.mp3"></audio></figure>



<p class="has-base-2-background-color has-background">Les Call Centers <strong>sont engagés par leurs clients donneurs d'ordre </strong>(ceux qui leurs confient leurs flux d'appels externalisés) et reçoivent <strong>des pénalités</strong> si <strong>le seuil du taux de dissuasion</strong> (très bas) toléré <strong>est dépassé</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Ci-contre, un exemple de <strong>timeline d'un ticket </strong>en cours de résolution dans le tableau de bord du SAV Prestashop.</p>



<ul class="wp-block-list">
<li>tous les opérateurs peuvent accéder à ce ticket et connaissances son statut (en coours ou résolu)</li>



<li>Chaque opération est historisée et traçable</li>



<li>Aucun risque de propositions contradictoire ou d'oubli d'éléments déjà initiés</li>
</ul>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="829" height="606" src="https://st9ph.fr/wp-content/uploads/2025/12/image-132.png" alt="" class="wp-image-31861" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-132.png 829w, https://st9ph.fr/wp-content/uploads/2025/12/image-132-300x219.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-132-768x561.png 768w" sizes="auto, (max-width: 829px) 100vw, 829px" /></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">C'est pourquoi toutes les enseignes sérieuses <strong>ne communiquent jamais leur mail </strong>pour obliger les clients<strong> à passer par le formulaire de contact </strong>(et entrer dans le circuit du ticketing)</p>



<h4 class="wp-block-heading" id="3-1-2-les-composantes-humaines">1-2| les composantes humaines</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/20.jpg" alt="" class="wp-image-31862" srcset="https://st9ph.fr/wp-content/uploads/2025/12/20.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/20-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/20-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/20-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-small-font-size"><em>Imaginez le stress de cette cliente qui patiente depuis 23 minutes sur le SVI, une facture d'abonnement sur les genoux sur laquelle elle lit un surcout de 200 € qu'elle ne comprend pas !</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>“La grandeur d'un métier est avant tout d'unir les hommes ; il n'est qu'un luxe véritable et c'est celui des relations humaines.”</p>
<cite>Antoine de Saint-Exupéry</cite></blockquote>



<p>Un client qui appelle <strong>votre Call Center,</strong> qui se rend au <strong>SAV de votre boutique</strong> ou qui <strong>tchate avec l'un de vos conseillers </strong>sera peut-être confronté <strong>au premier être humain de votre enseigne</strong> depuis qu'il est client, parfois depuis des années.</p>



<p class="has-medium-font-size">l'impression<strong> qu'il se fera de vou</strong>s définira l'estime qu'il aura de <strong>l'ensemble de votre commerce</strong>.</p>



<p></p>
</div>
</div>



<p>Cela englobe <strong>vos prestataires </strong>qui doivent véhiculer eux aussi <strong>votre image de marque</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="342" src="https://st9ph.fr/wp-content/uploads/2025/12/image-170-1024x342.png" alt="" class="wp-image-36202" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-170-1024x342.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-170-300x100.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-170-768x257.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-170.png 1516w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>C'est, bien entendu, le poste budgétaire <strong>le plus couteux </strong>de votre relation commerciale :</p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Type d'emploi</strong></td><td><strong>Salaire Horaire Brut</strong></td><td><strong>Coût Horaire Total (Chargé)</strong></td><td><strong>Observations</strong></td></tr></thead><tbody><tr><td><strong>Livreur / Coursier</strong></td><td><strong>11,88 €</strong> (SMIC)</td><td><strong>15,50 € – 17,50 €</strong></td><td>Souvent au SMIC, charges réduites via les aides bas salaires.</td></tr><tr><td><strong>Conseiller en magasin</strong></td><td><strong>12,10 € – 13,50 €</strong></td><td><strong>18,50 € – 22,00 €</strong></td><td>Base conventionnelle souvent légèrement supérieure au SMIC.</td></tr><tr><td><strong>Téléconseiller (CRC)</strong></td><td><strong>11,88 € – 12,50 €</strong></td><td><strong>18,00 € – 21,00 €</strong></td><td>Coût de structure élevé (immobilier, tech) non inclus ici.</td></tr><tr><td><strong>Opérateur SAV (Technicien)</strong></td><td><strong>14,50 € – 17,50 €</strong></td><td><strong>25,00 € – 32,00 €</strong></td><td>Profil qualifié, peu ou pas d'allégements de charges.</td></tr><tr><td><strong>VRP (Commercial terrain)</strong></td><td><strong>21,13 €</strong> (Moyen)</td><td><strong>30,00 € – 45,00 €</strong></td><td>Rémunération variable. Le fixe minimal est lié au SMIC.</td></tr></tbody></table></figure>



<p class="has-small-font-size">Sources :</p>



<ul class="wp-block-list has-small-font-size">
<li><strong>INSEE (2025) :</strong> Indice du coût du travail (ICT) - Hausse de 2,4 % du coût horaire sur un an.</li>



<li><strong>Légifrance / Conventions Collectives :</strong> Avenants salaires 2025 (Commerce de détail alimentaire et non-alimentaire).</li>



<li><strong>Urssaf (2025) :</strong> Barèmes du SMIC et taux de cotisations patronales.</li>



<li><strong>Jooble / HelloWork (2025) :</strong> Statistiques réelles des salaires pratiqués pour les VRP et techniciens.</li>
</ul>



<p class="has-base-2-background-color has-background">C'est sur l<strong>a part variable de la rémunération </strong>que s'effectuera la motivation des commerciaux, les <strong>primes sur objectifs </strong>de vente et le<strong> pourcentage du CA</strong> généré.</p>



<h3 class="wp-block-heading" id="4-2-outils-de-mesure">2 | Outils de mesure</h3>



<p>On en revient <strong>aux tableaux de bord </strong>dont on détaillera <strong>les indicateurs clés</strong> dans la section suivante. Dans la partie de l'<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" target="_blank" rel="noreferrer noopener">article précédent</a>, on a vu ceux de la Eshop et de de la SVP (ce sont les mêmes, grosso modo). Ceux du CRC sont <strong>spécifiques à chaque sous-canal</strong> (phoning, mail, SAV, backoffice conversationnel ...).</p>



<p class="has-base-2-background-color has-background"> Nous ferons donc surtout un focus sur la Satisfaction Clients (SATCLI, en abrégé souvent utilisé dans le jargon de production).</p>



<h4 class="wp-block-heading has-medium-font-size" id="5-2-1-statcli-des-robots-conversationnels">2-1 | StatCli des robots conversationnels</h4>



<p class="has-text-align-center has-medium-font-size">Fondamentaux car ils constituent <strong>le seul feedback </strong>du touch point. </p>



<p class="has-base-2-background-color has-background has-medium-font-size">Contrairement à <strong>un échange humain </strong>que le conseiller vendeur peut <strong>historiser</strong>, on ne saura rient du <strong>degré de satisfaction </strong>d'un client qui a dialogué avec un de nos bots, sauf à<strong> lui demander un retour</strong> !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Ici, à nouveau l'exemple du tchat bot de <a href="https://shop.st9ph.fr/presta/fr/" target="_blank" rel="noreferrer noopener">la boutique pédagogique</a>.</p>



<p>Chaque conversation se termine par <strong>le recueil d'un like</strong></p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="287" height="139" src="https://st9ph.fr/wp-content/uploads/2025/12/image-128.png" alt="" class="wp-image-31849"/></figure>
</div>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="275" src="https://st9ph.fr/wp-content/uploads/2025/12/image-134-1024x275.png" alt="" class="wp-image-31867" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-134-1024x275.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-134-300x80.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-134-768x206.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-134.png 1312w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="904" height="651" src="https://st9ph.fr/wp-content/uploads/2025/12/image-135.png" alt="" class="wp-image-31868" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-135.png 904w, https://st9ph.fr/wp-content/uploads/2025/12/image-135-300x216.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-135-768x553.png 768w" sizes="auto, (max-width: 904px) 100vw, 904px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Ici, le tableau de bord de <a href="https://www.tidio.com/" target="_blank" rel="noreferrer noopener">Tidio</a> me permet d'être alerté par mail :</p>



<ul class="wp-block-list">
<li>des surcharges éventuelles</li>



<li>des tendances de SatCli par files de conversations</li>



<li>des files qui sont les plus populaires (et celles qui sont boudées)</li>
</ul>



<p class="has-text-align-center has-base-2-background-color has-background">Proposez toujours l<strong>a possibilité d'entrer en conversation avec un humain </strong>si le bot n'a pas suffi seul à répondre aux demandes.</p>
</div>
</div>



<h4 class="wp-block-heading" id="6-2-2-satcli-des-touch-points-humains">2- 2 | Satcli des touch points humains</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">Mesurer l'indice de satisfaction est u<strong>ne habitude en SVP </strong>mais c'est plus rare suite à un entretien commercial sur un salon ou même quand un client se rend en SAV.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="943" height="444" src="https://st9ph.fr/wp-content/uploads/2025/12/image-137.png" alt="" class="wp-image-31870" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-137.png 943w, https://st9ph.fr/wp-content/uploads/2025/12/image-137-300x141.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-137-768x362.png 768w" sizes="auto, (max-width: 943px) 100vw, 943px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="849" src="https://st9ph.fr/wp-content/uploads/2025/12/image-136-1024x849.png" alt="" class="wp-image-31869" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-136-1024x849.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-136-300x249.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-136-768x637.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-136.png 1054w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p>Un <strong>vote rapide en fin de mail </strong>(comme ci-dessous), <strong>un sms</strong> quand le RFID détecte qu'un client <strong>vient de sortir de votre agence</strong>, ça se tente !</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-50124330 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M9.375 233.4C3.375 239.4 0 247.5 0 256v128c0 8.5 3.375 16.62 9.375 22.62S23.5 416 32 416h32V224H32C23.5 224 15.38 227.4 9.375 233.4zM464 96H352V32c0-17.62-14.38-32-32-32S288 14.38 288 32v64H176C131.8 96 96 131.8 96 176V448c0 35.38 28.62 64 64 64h320c35.38 0 64-28.62 64-64V176C544 131.8 508.3 96 464 96zM256 416H192v-32h64V416zM224 296C201.9 296 184 278.1 184 256S201.9 216 224 216S264 233.9 264 256S246.1 296 224 296zM352 416H288v-32h64V416zM448 416h-64v-32h64V416zM416 296c-22.12 0-40-17.88-40-40S393.9 216 416 216S456 233.9 456 256S438.1 296 416 296zM630.6 233.4C624.6 227.4 616.5 224 608 224h-32v192h32c8.5 0 16.62-3.375 22.62-9.375S640 392.5 640 384V256C640 247.5 636.6 239.4 630.6 233.4z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="90" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des clients préfèrent<br>un réel échange<br>humain à l'IA</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-base-2-background-color has-background">En 2025, <strong>la réussite d'un CRC </strong>en France ne repose plus seulement sur la productivité mais sur la <strong>qualité émotionnelle</strong> de l'échange. </p>



<p class="has-text-align-center">L'IA doit être utilisée en "<strong>copilote</strong>" pour libérer du temps au conseiller, et non pour le remplacer totalement.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-counter uagb-block-ff22e502 wp-block-uagb-counter--number"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M272 0C289.7 0 304 14.33 304 32C304 49.67 289.7 64 272 64H256V98.45C293.5 104.2 327.7 120 355.7 143L377.4 121.4C389.9 108.9 410.1 108.9 422.6 121.4C435.1 133.9 435.1 154.1 422.6 166.6L398.5 190.8C419.7 223.3 432 262.2 432 304C432 418.9 338.9 512 224 512C109.1 512 16 418.9 16 304C16 200 92.32 113.8 192 98.45V64H176C158.3 64 144 49.67 144 32C144 14.33 158.3 0 176 0L272 0zM248 192C248 178.7 237.3 168 224 168C210.7 168 200 178.7 200 192V320C200 333.3 210.7 344 224 344C237.3 344 248 333.3 248 320V192z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="1" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">/2</span></div><div class="wp-block-uagb-counter__title"><strong>change de fournisseur après une mauvaise expérience client</strong></div></div>



<p class="has-text-align-center has-small-font-size">baromètre consommation clients WAVESTONE</p>



<p></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-table"><table><thead><tr><td><strong>Canal de Relation</strong></td><td><strong>Taux de Satisfaction (%)</strong></td><td><strong>Évolution / Tendance</strong></td></tr></thead><tbody><tr><td><strong>Face à face</strong></td><td>92%</td><td>🥇Le plus haut niveau de satisfaction (Source : <em>Observatoire BVA</em>)</td></tr><tr><td><strong>Click-to-Call / Rappel</strong></td><td>85%</td><td>👍Très apprécié pour le gain de temps (Source : <em>Étude ESCDA</em>)</td></tr><tr><td><strong>Téléphone (Sortant/ Entrant)</strong></td><td>81%</td><td>🟰 Stable, pilier de la relation (Source : <em>Observatoire BVA</em>)</td></tr><tr><td><strong>E-mail / Formulaire</strong></td><td>76%</td><td>↘️En baisse car perçu comme trop lent (Source : <em>Observatoire BVA</em>)</td></tr><tr><td><strong>Chat avec humain</strong></td><td>74%</td><td>🟰Bon équilibre entre rapidité et expertise (Source : <em>Étude Eclador</em>)</td></tr><tr><td><strong>Chatbots / IA</strong></td><td>48%</td><td>😔Source majeure de frustration (Source : <em>Étude BVA 2023</em>)</td></tr></tbody></table></figure>



<p>Le succès repose désormais sur le <strong>"Symmetry of Attention"</strong> (Symétrie des attentions) : <strong>prendre soin du conseiller pour qu'il prenne soin du client</strong>.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/11.jpg" alt="" class="wp-image-31873" srcset="https://st9ph.fr/wp-content/uploads/2025/12/11.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/11-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/11-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/11-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/4.jpg" alt="" class="wp-image-31874" srcset="https://st9ph.fr/wp-content/uploads/2025/12/4.jpg 1024w, https://st9ph.fr/wp-content/uploads/2025/12/4-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/4-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2025/12/4-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<figure class="wp-block-table"><table><thead><tr><td><strong>Indicateur Clé</strong></td><td><strong>Chiffre</strong></td><td><strong>Enseignement Stratégique</strong></td></tr></thead><tbody><tr><td><strong>Satisfaction Globale</strong></td><td>~81%</td><td>En hausse par rapport à 2023. Les clients sont plus exigeants mais reconnaissent les efforts.</td></tr><tr><td><strong>Préférence Humain vs IA</strong></td><td>90%</td><td>La majorité des Français préfèrent attendre un conseiller humain plutôt que d'interagir avec une IA.</td></tr><tr><td><strong>Canal Téléphonique</strong></td><td>70%</td><td>Reste le canal prédominant pour les demandes complexes, avec le plus fort taux de satisfaction.</td></tr><tr><td><strong>Satisfaction Chatbots</strong></td><td>50%</td><td>Le canal le moins apprécié ; souvent perçu comme une barrière plutôt qu'une aide.</td></tr><tr><td><strong>Impact Émotionnel</strong></td><td>84%</td><td>Proportion de clients dont la satisfaction chute si le conseiller semble stressé ou pressé.</td></tr></tbody></table></figure>



<p class="has-small-font-size">Sources  : <strong>l'Élu Service Client de l'Année (ESCDA/BVA)</strong>, le <strong>Baromètre de l'Engagement Client d'Eclador</strong>, et l'étude annuelle de l'<strong>Observatoire des Services Clients (BVA/KPAM)</strong>.</p>



<h3 class="wp-block-heading" id="7-3-indicateurs-cl%C3%A9s-mesures-et-corrections">3 | indicateurs clés, mesures et corrections</h3>



<p class="has-medium-font-size">👀 | <strong>Impressions</strong> <strong>(les flux de visiteurs de mon CRC)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>Qualité de service</strong> (QS) qui correspond au taux de prise en charge réussi</li>



<li><strong>Churn</strong> ( fiches / lead perdus) le corolaire de la QS en prospection</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li>taux de dissuasion</li>



<li>Durée Moy. Traitement</li>



<li>temps d'attente moyen</li>



<li>taux d'abandon</li>



<li>taux d'escalade</li>
</ul>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🫤Escalade ?</summary>
<p>quand une conversation doit être transférée au niveau 2 (expert)</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>mieux primer le <strong>respect de la DMT </strong>(appels)</li>



<li>améliorer la <strong>scalabilité des Bots</strong> (où encourager le contact à d'autres moments)</li>
</ul>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%">
<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td><strong>Indicateur</strong></td><td><strong>Bench</strong>mark</td></tr></thead><tbody><tr><td>SATCLI</td><td>&gt; 80%</td></tr><tr><td><strong>NPS</strong> </td><td>&gt; 30 (selon secteur)</td></tr><tr><td><strong>FCR</strong> (Once &amp; Done)</td><td>70% à 75%</td></tr><tr><td><strong>Délai de réponse (Email)</strong></td><td>&lt; 24 heures</td></tr><tr><td><strong>Attente Téléphonique</strong></td><td>&lt; 1 min 30 s</td></tr></tbody></table></figure>



<p class="has-small-font-size">sources : Benchmark Easiware, AFNOR</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🫤NPS ?</summary>
<p>Net Promoteur Score (souvent de 1 à 10) est une note de STACLI proposée en vote rapide aux clients.</p>
</details>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🫤FCR ?</summary>
<p>First Contact Resolution (résoudre la problématique d'une seul coup)</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="160" height="267" src="https://st9ph.fr/wp-content/uploads/2026/02/image-146.png" alt="" class="wp-image-36187" style="width:196px;height:auto"/></figure>
</div>
</div>



<div class="resources-box">
<ul>
  <li>
    🌐
    <span class="resource-text">voir aussi :&nbsp;🏷️Animation RC | la Satisfaction Client</span>
    <a class="resource-link" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_blank" rel="noopener">voir</a>
  </li>
</ul>
</div>



<p class="has-medium-font-size">🖐️ | <strong>Engagements</strong> <strong>(activités)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li>contacts argumentés / <strong>délivrabilité </strong>(le client à l'info)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li><strong>taux d'ouverture (</strong>mail)</li>



<li><strong>closing </strong>(phoning)</li>



<li>validation de contrôle (tchat, voicebot) 'est-ce clair pour vous ?'</li>
</ul>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🫤Escalade ?</summary>
<p>quand une conversation doit être transférée au niveau 2 (expert)</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>travailler l'objet (ouverture)</li>



<li>qualité de la découverte en appels (motivations)</li>



<li>revoir le scénario et les choix proposés par les bots, les mots clés de l'IA ...</li>
</ul>
</div>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="120" src="https://st9ph.fr/wp-content/uploads/2025/12/image-139-1024x120.png" alt="" class="wp-image-31884" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-139-1024x120.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-139-300x35.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-139-768x90.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-139.png 1078w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">le tableau de bord d'une newsletter (Infomaniak)</figcaption></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>atterrissages </strong>(mail, media), combien ont <strong>réagi au CTA </strong>et sont arrivés sur la page où on voulait les conduire (promo, formulaire de prise de RDV ...)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li><strong>taux d</strong>e <strong>click</strong> (mail)</li>



<li>sourcing <strong>Analytics </strong>(media)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>travailler mieux le CTA, l'offre</li>



<li>revoir les <strong>horaires </strong>et les <strong>canaux ciblé</strong>s par rapport au <a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-le-buyer-persona-et-approches-en-prospection/" target="_blank" rel="noreferrer noopener">Buyer Persona </a>(media)</li>
</ul>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full"><img loading="lazy" decoding="async" width="225" height="225" src="https://st9ph.fr/wp-content/uploads/2025/12/image-141.png" alt="" class="wp-image-31888" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-141.png 225w, https://st9ph.fr/wp-content/uploads/2025/12/image-141-150x150.png 150w" sizes="auto, (max-width: 225px) 100vw, 225px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td><strong>Média</strong></td><td><strong>Délai d'impact sur le CRC</strong></td><td><strong>Nature de l'appel</strong></td></tr></thead><tbody><tr><td><strong>Télévision (Spot)</strong></td><td>Immédiat (+2 à 10 min)</td><td>Curiosité, souscription rapide.</td></tr><tr><td><strong>Radio</strong></td><td>Rapide (+15 à 30 min)</td><td>Demande de précisions, localisation.</td></tr><tr><td><strong>Emailing / SMS</strong></td><td>Pic massif à l'envoi</td><td>Réclamations ou activation d'offres.</td></tr></tbody></table></figure>



<p class="has-small-font-size">sources : <em>Digimind</em> et du <em>SP2C</em></p>
</div>
</div>



<p class="has-medium-font-size">🛒 | Conversions</p>



<p>On retrouve ici <strong>les mêmes indicateurs </strong>que pour<strong> les autres canaux </strong>de vente.</p>



<ul class="wp-block-list">
<li></li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">Indicateur</span></p>



<ul class="wp-block-list">
<li><strong>taux de conversion</strong> (ventes  / QS) + CA + Marge</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">mesure</span></p>



<ul class="wp-block-list">
<li><strong>outil d'historisation </strong>du télévendeur</li>



<li><strong>ventes différées </strong>(par rebond) quand c'est <strong>le CTA d'un mail, d'un tchat </strong>qui conduit à la vente</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><span style="text-decoration: underline;">corrections</span></p>



<ul class="wp-block-list">
<li>retravailler <strong>le CTA, les moments, la cible</strong></li>



<li>revoir l<strong>'offre,</strong> s'aligner sur la <strong>concurrence </strong>...  </li>
</ul>



<p>mêmes recommandations que sur les autres canaux !</p>
</div>
</div>



<p class="has-base-2-background-color has-background">Les CRC sont divers et offrent <strong>une multitude de sous-canaux</strong> et, donc, d'outils et de méthodes. Ils ont cet atout de<strong> nourrir quasi exclusivement le parcours client </strong>à partir du s<strong>econd moment de vérité</strong> voire parfois<strong> l'unique expérience 1 to 1 </strong>entre eux et l'enseigne.<strong> Ils sont incontournables et fondamentaux </strong>!</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">revenir à</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-ba0b9b60"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3622ddc0 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center">Cette article est la<strong> seconde partie</strong> d'un ensemble de 3</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-small-font-size">continuer avec :</p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-93c4b5ce"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-d53dd07c wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-mesure-kpi-en-crc%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-452a5084     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/">⏺️Omnicanal | Mesure KPI en CRC</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/SNCF-Debut.mp3" length="421440" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/SNCF-2.mp3" length="307776" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/Sncf-synthese.mp3" length="152496" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/disuad.mp3" length="402673" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" length="335520" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/helena-typing.mp4" length="568383" type="video/mp4" />

		<post-id xmlns="com-wordpress:feed-additions:1">31837</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Mesure KPI en SVP &#038; Eshop</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sun, 28 Dec 2025 09:12:52 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[comprendre les KPI]]></category>
		<category><![CDATA[indicateurs clés boutiques en lignes]]></category>
		<category><![CDATA[indicateurs clés magasins physiques]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31774</guid>

					<description><![CDATA[<p>Les canaux, regroupés en 5 grandes familles, sont l’ensemble des outils que l’on peut utiliser dans sa relation commerciale. ☰ 📚 Sources 🧑‍🎓NDRC 📘 Glossaire 📚 Sources FEVAD – Tendances conso Eshop vs SVP FEVAD, Procos, INSEE, Alliance du Commerce – focus sur la vente en retail FEVAD, Procos, INSEE, Alliance du Commerce – focus ... <a title="⏺️Omnicanal &#124; Mesure KPI en SVP &#38; Eshop" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Mesure KPI en SVP &#38; Eshop">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/">⏺️Omnicanal | Mesure KPI en SVP &amp; Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  les &#8220;KPI&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Les KPI, parfois nommés «&nbsp;métriques&nbsp;» sont <strong>des indicateurs clés de la performance </strong>de vos réalisations digitales. Ils ne faut pas les observer comme des données de bilan mais, tout au long de l’exécution de vos campagnes, comme <strong>des jauges de mesure</strong> permettant, s’ils sont en dessous de vos objectifs, d’établir <strong>des actions correctives</strong>.</p>
</div></div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" autoplay></audio></figure>



<p>Les canaux, regroupés en <strong>5 grandes familles</strong>, sont <strong>l’ensemble des outils</strong> que l’on peut utiliser dans sa relation commerciale.</p>



<ul class="wp-block-list">
<li>🏪Les <strong>Surfaces de Vente Physiques</strong> (<strong>SVP)</strong></li>



<li>🛒 Les <strong>Boutiques en ligne</strong> et places de marché numériques  (<strong>EShop</strong>)</li>



<li>📞 Les <strong>Centres de Relation Client</strong> (<strong>CRC</strong>)</li>



<li>✒️ Les<strong> sites en ligne hors Eshop</strong> (<strong>Vitrines</strong>)</li>



<li>🛜 Les pages de vos<strong> Réseaux Sociaux </strong>(souvent abrégés <strong>RS</strong> sur ce blog)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1005" height="205" src="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png" alt="" class="wp-image-31777" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-97.png 1005w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-300x61.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-97-768x157.png 768w" sizes="auto, (max-width: 1005px) 100vw, 1005px" /></figure>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📚 Sources</h3>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>FEVAD</strong> – Tendances conso Eshop vs SVP</li>
<li><strong>FEVAD, Procos, INSEE, Alliance du Commerce</strong> – focus sur la vente en retail</li>
<li><strong>FEVAD, Procos, INSEE, Alliance du Commerce</strong> – focus sur la vente en retail</li>
<li><strong>INSEE &#038; Mediamétrie</strong> – parts de marché et marges com</li>
<li><strong>🖥️ Google Analytics</strong> – aperçus des sources de trafic sur shop st9ph</li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – illustrations hors aperçus d&#8217;écrans et image en avant</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>🧑‍🎓 NDRC</h3>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>la mesure des KPI est une question incontournable à l&#8217;examen</li>
</ul>
<p>👉 connaitre les tendances et les usages en eshop et en SVP est une compétence que vous devez maitriser </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="Sources UX mobile"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h3>📘 Glossaire</h3>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>PGC</strong> : Produits de grande consommation </li>
<li><strong>Retail</strong> : vente au détail (vs vente en gros) </li>
<li><strong>Phygital</strong> : le digital dans l&#8217;espace physique </li>
<li><strong>RFM</strong> : Récence, Fréquence, Montant (scoring) </li>
<li><strong>beacons</strong> : boitiers de détection sur les produits</li>
<li><strong>RFID</strong> : Radio Frequency Identification (puces d&#8217;identification pour l&#8217;inventaire par ex) </li>
<li><strong>EPP</strong> :Etiquettes électroniques de présentoire </li>
<li><strong>store-to-web</strong> : commander en ligne depuis la SVP </li>
<li><strong>AR</strong> : Réalité augmentée (essayage virtuel par ex)</li>
<li><strong>Queue Busting</strong> : allègement de la file d&#8217;attente </li>
<li><strong>CLV ou CLTV</strong> : Valeur à vie du client (sa durée de fidélité) </li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<!-- =====================================================
     BADGE DE LECTURE + BADGE "DÉJÀ LU"
     - % de lecture en temps réel
     - Devient vert à 75 %
     - Mémorisé en session (déjà lu)
     ===================================================== -->

<!-- ✅ STRUCTURE HTML DU BADGE -->
<div id="readBadge">
  📖 Lecture : 0 %
</div>

<style>
/* ===============================
   STYLE DU BADGE
   =============================== */
#readBadge {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Badge visible */
#readBadge.show {
  opacity: 1;
  transform: translateY(0);
}

/* Badge vert = article lu */
#readBadge.read {
  background: #188038;
}
</style>

<script>
/* ===============================
   LOGIQUE JAVASCRIPT
   =============================== */
(function () {

  const badge = document.getElementById("readBadge");

  // ✅ Clé unique par page (URL)
  const storageKey = "articleLu_" + window.location.pathname;

  // ✅ Si déjà lu dans la session
  if (sessionStorage.getItem(storageKey)) {
    badge.classList.add("show", "read");
    badge.innerText = "✅ Article déjà lu";
    return; // on ne recalcule plus le scroll
  }

  let badgeShown = false;
  let articleMarkedAsRead = false;

  window.addEventListener("scroll", function () {

    const scrollTop = window.scrollY;
    const docHeight = document.body.scrollHeight - window.innerHeight;
    const percent = Math.round((scrollTop / docHeight) * 100);

    // Mise à jour du texte
    badge.innerText = "📖 Lecture : " + percent + " %";

    // Affichage du badge dès 10 %
    if (percent >= 10 && !badgeShown) {
      badge.classList.add("show");
      badgeShown = true;
    }

    // ✅ Article considéré comme lu à 75 %
    if (percent >= 75 && !articleMarkedAsRead) {
      badge.classList.add("read");
      badge.innerText = "✅ Article lu à " + percent + " %";
      sessionStorage.setItem(storageKey, "true");
      articleMarkedAsRead = true;
    }

  });

})();
</script>



<p> Ils permettent d’établir des <strong>points de rencontre (<em>Touch points</em></strong>) où peuvent se réaliser les différentes opérations commerciales nécessaires aux différents «<strong>&nbsp;<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#les-moments-de-v%C3%A9rit%C3%A9">moments de vérité</a></strong>&nbsp;» dans le parcours client. </p>



<p class="has-base-2-background-color has-background">👉 Pour qu’ils soient digitaux, ils doivent <strong>collecter des données à exploiter</strong>. La <strong>mesure des KPI</strong> de ses canaux est donc cruciale pour <strong>optimiser votre performance commerciale</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d'IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-b8845571-395f-4b94-a062-fac7f5f0d6bb">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-b8845571-395f-4b94-a062-fac7f5f0d6bb-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-4739a78e-b5e5-4dfc-8021-449c5f353bec">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-3"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-4739a78e-b5e5-4dfc-8021-449c5f353bec-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-d7383783-1363-458d-91fc-bf14aab45507">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-0"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-d7383783-1363-458d-91fc-bf14aab45507-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">15–22 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">3 531 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:20:13+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-33946c9b      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Au menu :						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list "><a href="#1-situation-et-enjeux-de-la-svp" class="uagb-toc-link__trigger">1 | Situation et enjeux de la SVP</a><li class="uagb-toc__list "><a href="#2-phygitalisation-des-outils-de-collecte" class="uagb-toc-link__trigger">2 | Phygitalisation des outils de collecte</a><li class="uagb-toc__list "><a href="#3-indicateurs-clés-mesures-et-corrections" class="uagb-toc-link__trigger">3 | indicateurs clés, mesures et corrections</a><li class="uagb-toc__list "><a href="#1-situation-et-enjeux-de-la-eshop" class="uagb-toc-link__trigger">1 | Situation et enjeux de la EShop</a><li class="uagb-toc__list "><a href="#2-typologies-de-commerces-en-ligne-et-comparatif" class="uagb-toc-link__trigger">2 | Typologies de commerces en ligne et comparatif</a><li class="uagb-toc__list "><a href="#3-les-kpi-de-la-eshop" class="uagb-toc-link__trigger">3 | les KPI de la Eshop</a></ol>					</div>
									</div>
				</div>
			


<p>En raison de la longueur de l'analyse, <strong>cet article est découpé en trois parties</strong>. Pour voir les autres, cliquez sur les boutons ci-dessous :</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-c69da32d"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-2c9a8ba6 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="#" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">SVP &amp; EShop</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">c'est ici</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-af52e98c"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-69277104 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Centre Relation Client</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-188386b8"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-743fae12 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre</p>
</div>
</div>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-966a464f6714a6d10d525c926f723e86" id="0-les-svp-phygitalisation-outils-de-mesure-et-kpi"> 🏪 les SVP | phygitalisation, outils de mesure et KPI</h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-009ecfd3-c829-4d93-8d29-8a4eb8a4bebe" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#1-1-situation-et-enjeux-de-la-svp" style="">1 | Situation et enjeux de la SVP</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#2-2-phygitalisation-des-outils-de-collecte" style="">2 | Phygitalisation des outils de collecte</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#3-3-indicateurs-cl%C3%A9s-mesures-et-corrections" style="">3 | indicateurs clés, mesures et corrections</a></li></ul>
			</div>
		</div></div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="407" height="528" src="https://st9ph.fr/wp-content/uploads/2025/12/image-98.png" alt="" class="wp-image-31778" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-98.png 407w, https://st9ph.fr/wp-content/uploads/2025/12/image-98-231x300.png 231w" sizes="auto, (max-width: 407px) 100vw, 407px" /></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨Web to Store ? </summary>
<p>C'est <strong>commencer son achat en ligne</strong> et<strong> le terminer en SVP</strong> (configurer, réserver ...) à ne pas confondre avec le <strong>Click And Collect</strong> où l'achat se fait en ligne. La SVP n'est qu'un lieu de récupération.</p>
</details>



<p class="has-small-font-size">*sources : <em>Kantar / E-Commerce Nation 2025</em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Tester, essayer, être conseillé</li>



<li>Disponibilité immédiate </li>



<li>proximité</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Il y’a des horaires</li>



<li>Couteux (loyer, personnel …) </li>



<li>Rayonnement limité</li>
</ul>



<div class="wp-block-uagb-counter uagb-block-4f470ee9 wp-block-uagb-counter--circle"><div class="wp-block-uagb-counter-circle-container"><div class="wp-block-uagb-counter-circle-container__content"><span class="wp-block-uagb-counter__icon"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M0 155.2C0 147.9 2.153 140.8 6.188 134.7L81.75 21.37C90.65 8.021 105.6 0 121.7 0H518.3C534.4 0 549.3 8.021 558.2 21.37L633.8 134.7C637.8 140.8 640 147.9 640 155.2C640 175.5 623.5 192 603.2 192H36.84C16.5 192 .0003 175.5 .0003 155.2H0zM64 224H128V384H320V224H384V464C384 490.5 362.5 512 336 512H112C85.49 512 64 490.5 64 464V224zM512 224H576V480C576 497.7 561.7 512 544 512C526.3 512 512 497.7 512 480V224z"></path></svg></span><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="72" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div><div class="wp-block-uagb-counter__title">des français <br>pratiquent le<br> Web To Store*</div></div><svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 230 230" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle class="uagb-counter-circle__background"></circle><circle class="uagb-counter-circle__progress"></circle></svg></div></div>
</div>
</div>



<h3 class="wp-block-heading" id="1-1-situation-et-enjeux-de-la-svp">1 | Situation et enjeux de la SVP</h3>



<p>Contrairement aux idées reçues, l'<strong>estimation 2024-2025</strong> de la <a href="https://www.fevad.com/" target="_blank" rel="noreferrer noopener">FEVAD </a>dans le tableau ci-dessous montre que<strong> les SVP ont la part belle des achats en France ! </strong>Elles représentent  entre<strong> les deux tiers et les trois quarts</strong> (hors alimentaire) selon les secteurs d'<strong>activité en retail</strong> (commerce de détail).</p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Secteur d'activité</strong></td><td><strong>Part Magasins Physiques</strong></td><td><strong>Part E-commerce</strong></td><td><strong>Tendance &amp; Observation 2024</strong></td></tr></thead><tbody><tr><td><strong>High-Tech / Électronique</strong></td><td><strong>69 %</strong></td><td>31 %</td><td>Le secteur le plus digitalisé ; les magasins servent de showrooms.</td></tr><tr><td><strong>Équipement Maison / Électroménager</strong></td><td><strong>75 %</strong></td><td>25 %</td><td>Forte progression du online pour le "petit" électroménager.</td></tr><tr><td><strong>Meubles &amp; Décoration</strong></td><td><strong>76 %</strong></td><td>24 %</td><td>Stable ; l'achat physique reste privilégié pour tester le confort.</td></tr><tr><td><strong>Habillement &amp; Mode</strong></td><td><strong>77 %</strong></td><td>23 %</td><td>Forte poussée de l'e-commerce (Amazon, Shein, Temu).</td></tr><tr><td><strong>Produits Culturels (Livres, Jeux)</strong></td><td><strong>82 %</strong></td><td>18 %</td><td>Résilience des librairies physiques malgré la part du numérique.</td></tr><tr><td><strong>Beauté / Hygiène</strong></td><td><strong>85 %</strong></td><td>15 %</td><td>Secteur en forte croissance en magasin (+4,2% en 2024).</td></tr><tr><td><strong>Alimentaire / PGC</strong></td><td><strong>89,2 %</strong></td><td>10,8 %</td><td>Le e-commerce est ici dominé par le modèle du <strong>Drive</strong>.</td></tr></tbody></table></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨PGC ? </summary>
<p><strong>Produits de Grande Consommation </strong>(mais qui ne se mangent pas, enfin ... il vaut mieux éviter) : les piles, le shampoing, l'essuie-tout ...</p>
</details>



<p class="has-medium-font-size">Analyse des tendances majeures (vs EShop) :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<ol start="1" class="wp-block-list">
<li><strong>Le virage digital de la mode :</strong> Le secteur de l'habillement a vu sa part de marché online bondir à <strong>23 %</strong> (soit 7,7 milliards d'euros). C'est le secteur où la concurrence des plateformes internationales est la plus forte, poussant les magasins physiques à se transformer <strong>en points de retrait </strong>(Click &amp; Collect).</li>



<li><strong>La domination du High-Tech en ligne :</strong> Avec <strong>31 %</strong> de parts de marché, le High-Tech est le seul secteur où <strong>près d'un tiers des ventes échappe aux magasins physiques</strong>. Les places de marché (<strong>marketplaces</strong>) captent l'essentiel de ce flux.</li>



<li><strong>La résistance du "Touch &amp; Feel" :</strong> Pour la beauté et l'ameublement, le magasin physique conserve un poids écrasant (<strong>plus de 75 %</strong>). L<strong>'expérience sensorielle </strong>(sentir un parfum, essayer un canapé) reste <strong>un rempart majeur face au numérique.</strong></li>



<li><strong>L'omnicanalité :</strong> En 2024, la frontière devient floue : <strong>72 % des Français</strong> consultent internet <strong>avant d'acheter en magasin.</strong> Le magasin n'est plus seulement un lieu de vente, mais aussi un <strong>centre logistique</strong> (retours, essais, SAV).</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="198" height="446" src="https://st9ph.fr/wp-content/uploads/2025/12/image-99.png" alt="" class="wp-image-31780" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-99.png 198w, https://st9ph.fr/wp-content/uploads/2025/12/image-99-133x300.png 133w" sizes="auto, (max-width: 198px) 100vw, 198px" /></figure>
</div>
</div>



<p class="has-small-font-size">Sources principales</p>



<ul class="wp-block-list has-small-font-size">
<li><strong>FEVAD</strong> (Fédération du e-commerce et de la vente à distance) : Rapport annuel 2024-2025.</li>



<li><strong>Procos</strong> : Observatoire du commerce spécialisé (bilan février 2025).</li>



<li><strong>Insee</strong> : Comptes du commerce et indice de volume des ventes au détail.</li>



<li><strong>Alliance du Commerce</strong> : Panel Retail Int sur l'habillement.</li>
</ul>



<h3 class="wp-block-heading" id="2-2-phygitalisation-des-outils-de-collecte">2 | Phygitalisation des outils de collecte</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="315" height="318" src="https://st9ph.fr/wp-content/uploads/2025/12/image-100.png" alt="" class="wp-image-31783" style="aspect-ratio:0.990606722986944;width:156px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-100.png 315w, https://st9ph.fr/wp-content/uploads/2025/12/image-100-297x300.png 297w, https://st9ph.fr/wp-content/uploads/2025/12/image-100-150x150.png 150w" sizes="auto, (max-width: 315px) 100vw, 315px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">Un client peut <strong>passer complétement inaperçu</strong> dans votre SVP. Vous n'aurez <strong>aucune statistique de son RFM</strong>, aucune <strong>donnée comportementale </strong>(qu'est-ce qu'il aime chez vous ? A quoi réagit-il ?) si vous ne <strong>mettez pas en place des traceurs </strong>!</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😮‍💨RFM ? C'est pas une radio, ça ? </summary>
<p>Aussi ! Mais le RFM, en marketing, c'est l'acronyme pour <strong>Récence, Fréquence et Montant </strong>des achats. 3 KPI clés pour le retail.</p>
</details>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>Le <strong>phygital</strong> (contraction de <strong>phy</strong>sique et de di<strong>gita</strong>l), c'est un <strong>ensemble d'outils et de méthodes </strong>qui permettent de <strong>créer une empreinte numérique</strong> (trace)<strong> des interactions</strong> entre votre client et votre enseigne en SVP.</p>



<p>il peut s'agir :</p>



<ul class="wp-block-list">
<li>de <strong>la carte de fidélité sur appli mobile</strong> pour que le client l'ait toujours sur lui. Il la présentera volontiers <strong>contre des avantages client </strong>(coupons réduction, cashback ...)</li>



<li>de <strong>QR codes </strong>sur vos présentoirs pour <strong>des fiches produits</strong> plus détaillées ou avec démo qui vous permettront de tracer vos produits phares (et d'économiser le conseil de vos vendeurs)</li>



<li>D'<strong>outils de Selfcare</strong> comme les <strong>bornes de commande </strong>en restauration rapide, dans les cinémas ou autres</li>



<li>De <strong>Drive-To-Store</strong> pour conduire vos clients jusqu'à chez vous (certains guident même vers des places de parking libres)</li>
</ul>



<p class="has-base-2-background-color has-background">L'objectif est à la fois <strong>de tracer </strong>et de créer <strong>des interactions </strong>numériques <strong>hors SVP</strong> (comme consulter le catalogue) afin de <strong>maintenir le lien </strong>et de<strong> rendre des services</strong> (guidage, horaires ...)</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="200" height="414" src="https://st9ph.fr/wp-content/uploads/2025/12/image-102.png" alt="" class="wp-image-31788" style="width:262px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-102.png 200w, https://st9ph.fr/wp-content/uploads/2025/12/image-102-145x300.png 145w" sizes="auto, (max-width: 200px) 100vw, 200px" /></figure>
</div>
</div>



<p class="has-medium-font-size">Grace à ces traceurs, vous pourrez <strong>mesurer vos KPI </strong>et <strong>adapter vos stratégies</strong> aussi bien qu'en E-Commerce !</p>



<h3 class="wp-block-heading" id="3-3-indicateurs-cl%C3%A9s-mesures-et-corrections">3 | indicateurs clés, mesures et corrections</h3>



<p class="has-medium-font-size">👀 | <strong>Impressions</strong> <strong>(les flux de visiteurs dans mon magasin)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong><span style="text-decoration: underline;">outil  / méthode de captage</span></strong></p>



<ul class="wp-block-list">
<li><strong>Beacons</strong> (petits boîtiers qui détectent<strong> la présence du client </strong>via son app en Bluetooth) </li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong><span style="text-decoration: underline;">Mesure</span></strong> / <strong><span style="text-decoration: underline;">Interêt</span></strong></p>



<ol class="wp-block-list">
<li> mesurer <strong>la fréquentation </strong>(pics, creux)</li>



<li>Notifications de Push (guider dans les rayons, <strong>solliciter l'avis</strong>)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong><span style="text-decoration: underline;">Corrections</span></strong></p>



<ol class="wp-block-list">
<li><strong>adapter</strong> les <strong>RH</strong>, les <strong>stocks</strong>, les <strong>animations</strong></li>



<li>savoir ce qui plait et rend curieux et <strong>recomposer </strong>pour <strong>rendre visible </strong>ce qui ne l'est pas</li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="738" height="173" src="https://st9ph.fr/wp-content/uploads/2025/12/image-103.png" alt="" class="wp-image-31790" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-103.png 738w, https://st9ph.fr/wp-content/uploads/2025/12/image-103-300x70.png 300w" sizes="auto, (max-width: 738px) 100vw, 738px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>La technologie <strong>RFID</strong> (<em>Radio Frequency Identification</em>) qui   utilise les ondes radio pour <strong>identifier les produits</strong></li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>gestion de stock  prédictive</strong> optimisée sans produits fantômes</li>



<li><strong>Inventaire ultra rapide</strong> par balayage scan</li>



<li>Utilisé aussi pour <strong>le passage en caisse</strong> sans scanner chaque article</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Détecter les <strong>abandons de paniers </strong>(comme en Eshop) en détectant les prises / reposes</li>



<li>Anticiper les <strong>réapprovisionnements</strong> par le biais d'alertes.</li>
</ol>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="990" height="313" src="https://st9ph.fr/wp-content/uploads/2025/12/image-114.png" alt="" class="wp-image-31804" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-114.png 990w, https://st9ph.fr/wp-content/uploads/2025/12/image-114-300x95.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-114-768x243.png 768w" sizes="auto, (max-width: 990px) 100vw, 990px" /></figure>



<p class="has-medium-font-size">🧮 On <strong>calculera</strong> :</p>



<ul class="wp-block-list">
<li><strong>La fréquentation</strong> de la SVP (nombre, horaires, temps de visite)</li>



<li><strong>L'attraction</strong> (nombre de clients à proximité qui sont réellement entrés dans la SVP)</li>



<li><strong>Le Taux de Rotation des Stocks :</strong> Nombre de fois où le stock est renouvelé sur une période (Un taux élevé, c'est mieux)</li>



<li><strong>La Démarque Inconnue :</strong> Écart entre le stock théorique (base de données) et le stock réel (inventaire RFID). Cela représente<strong> le vol, la casse</strong> ou les <strong>erreurs de gestion </strong>(mauvaise saisie, scan deux fois ... )</li>



<li><strong>Le Taux de Rupture :</strong> Pourcentage de <strong>produits demandés </strong>par les clients mais <strong>non disponibles en rayon</strong>.</li>



<li>les <strong>paniers abandonnés</strong> (articles reposés) si équipés RFID - le taux (articles choisis / articles achetés)</li>
</ul>



<p class="has-medium-font-size">🖐️ | <strong>Engagements</strong> <strong>(le visiteur devient actif)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Étiquettes Électroniques de Présentoir</strong> (EEP) pour mettre à jour les prix en temps réel, d'afficher des QR Codes (pour<strong> voir les avis</strong> clients ou la c<strong>omposition détaillée</strong>)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>tracer le parcours client </strong>dans la SVP</li>



<li>Proposer de l'<strong>interactivité</strong>, une <strong>expérience améliorée</strong></li>



<li><strong>Selfcare </strong>d'alimentation de la <strong>curiosité</strong> (ZMOT)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>a<strong>méliorer le merchandising </strong>(organisation des rayons)</li>



<li>affiner <strong>la levée de doute</strong> en améliorant l'argumentaire</li>



<li>ajuster les outils d'<strong>aide à la décision </strong>des produits boudés.</li>
</ol>
</div>
</div>



<div class="wp-block-columns has-contrast-3-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="387" height="427" src="https://st9ph.fr/wp-content/uploads/2025/12/image-107.png" alt="" class="wp-image-31794" style="aspect-ratio:0.9063329755381052;width:222px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-107.png 387w, https://st9ph.fr/wp-content/uploads/2025/12/image-107-272x300.png 272w" sizes="auto, (max-width: 387px) 100vw, 387px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="398" height="429" src="https://st9ph.fr/wp-content/uploads/2025/12/image-105.png" alt="" class="wp-image-31792" style="aspect-ratio:0.9277700670830442;width:225px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-105.png 398w, https://st9ph.fr/wp-content/uploads/2025/12/image-105-278x300.png 278w" sizes="auto, (max-width: 398px) 100vw, 398px" /></figure>
</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="469" height="516" src="https://st9ph.fr/wp-content/uploads/2025/12/image-108.png" alt="" class="wp-image-31795" style="aspect-ratio:0.9089518413597734;width:221px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-108.png 469w, https://st9ph.fr/wp-content/uploads/2025/12/image-108-273x300.png 273w" sizes="auto, (max-width: 469px) 100vw, 469px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Bornes tactiles interactives </strong>pour <strong>consulter le catalogue</strong> complet, de <strong>vérifier la disponibilité</strong> d'une taille ou de <strong>commander </strong>un article non présent en rayon (<strong>Store-to-Web</strong>).</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Cibler les <strong>produits en tension</strong></li>



<li>Accompagnement <strong>Selfcare</strong>, <strong>Conseil immédiat</strong></li>



<li>Repérer les<strong> produits invisibles en rayon </strong>ou pas assez sur le devant</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>utiliser les échecs de disponibilité pour <strong>ajuster les commandes</strong> fournisseur</li>



<li><strong>Réagencer le catalogue</strong> de la borne pour orienter vers les produits à écouler</li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="736" height="485" src="https://st9ph.fr/wp-content/uploads/2025/12/image-113.png" alt="" class="wp-image-31802" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-113.png 736w, https://st9ph.fr/wp-content/uploads/2025/12/image-113-300x198.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Réalité Augmentée (AR) :</strong> Des miroirs connectés permettent d'essayer virtuellement des vêtements ou du maquillage sans passer par la cabine d'essayage.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>mesurer plus finement le <strong>taux d'engagement </strong>(vs conversion)</li>



<li>Simplifier le parcours client (donc sa <strong>satisfaction</strong>)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>Ajuster le catalogue</strong> d'essayage virtuel avec les produits vedettes</li>



<li><strong>inciter</strong> les clients qui hésitent <strong>en les accompagnant </strong>au départ.</li>
</ol>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-112.png" alt="" class="wp-image-31801" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-112.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-112-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-112-150x150.png 150w, https://st9ph.fr/wp-content/uploads/2025/12/image-112-768x768.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/image-111.png" alt="" class="wp-image-31800" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-111.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-111-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-111-150x150.png 150w, https://st9ph.fr/wp-content/uploads/2025/12/image-111-768x768.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>



<p class="has-medium-font-size">🧮 On <strong>calculera</strong> :</p>



<ul class="wp-block-list">
<li>les <strong>paniers abandonnés</strong> (articles reposés) si équipés RFID - le taux (articles choisis / articles achetés)</li>



<li>le <strong>taux de Churn</strong> (<strong>interactions avec les bornes</strong> n'ayant pas conduit à un achat) et surtout <strong>le palmarès des freins rencontrés </strong>(prix, taille manquante, disponibilité, assurance ...) si un <strong>feedback</strong> est laissé.</li>



<li>la satisfaction client par les <strong>avis laissés </strong>sur les formulaires <strong>scannés</strong> ou les notifications de <strong>Push</strong></li>



<li>le<strong> parcours client </strong>(chemin, temps, arrêt sur les têtes de gondoles ou non, articles par rayons ...)</li>
</ul>



<p class="has-medium-font-size">🛒 | conversions</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>La technologie <strong>RFID</strong> (<em>Radio Frequency Identification</em>) là encore mais pour son <strong>usage de Queue Busting </strong>(pas d'inventaire du caddis)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>satisfaction client accrue</li>



<li>Fluidifier et automatiser le passage en caisse</li>



<li>actualiser les besoins en rayon en temps réel.</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>Accompagner les nouveaux clients </strong>qui choisiront autrement des caisses traditionnelles par peur de se rater.</li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="745" height="191" src="https://st9ph.fr/wp-content/uploads/2025/12/image-116.png" alt="" class="wp-image-31808" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-116.png 745w, https://st9ph.fr/wp-content/uploads/2025/12/image-116-300x77.png 300w" sizes="auto, (max-width: 745px) 100vw, 745px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>La <strong>carte de fidélité</strong> sur mobile</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>elle permet de <strong>tracer le RFM</strong> du client</li>



<li>Elle <strong>fidélise</strong> si elle est <strong>associée à des avantages</strong> quand on la présente (cashback par ex)</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>inciter à la télécharger </strong>et à l'<strong>utiliser</strong> davantage (en faisant des caisses dédiées par exemple).</li>



<li>Proposer des<strong> goodies supplémentaires</strong> (jeux, catalogues ...)</li>
</ol>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="817" height="263" src="https://st9ph.fr/wp-content/uploads/2025/12/image-117.png" alt="" class="wp-image-31809" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-117.png 817w, https://st9ph.fr/wp-content/uploads/2025/12/image-117-300x97.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-117-768x247.png 768w" sizes="auto, (max-width: 817px) 100vw, 817px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Le Scan &amp; Go :</strong> Le client scanne ses articles avec son smartphone ou une scanette au fur et à mesure de <strong>son parcours</strong> </li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li><strong>Queue Busting</strong> (allège la file d'attente en caisse)</li>



<li>Simplifier le parcours client (donc sa <strong>satisfaction</strong>)</li>



<li>Permet de bâtir le <strong>RFM</strong></li>



<li>permet de<strong> tracer le parcours client </strong>dans la boutique</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Inciter par des <strong>avantages supplémentaires  </strong>que le queue busting <strong>si ce produit est boudé </strong>(peur de se tromper chez certains ou paresse de faire soi-même)</li>



<li>activer les <strong>options de rappel </strong>(reste sur liste, <strong>produits en promo</strong> dans le rayon ...) pour fidéliser.</li>
</ol>
</div>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="270" src="https://st9ph.fr/wp-content/uploads/2025/12/image-115-1024x270.png" alt="" class="wp-image-31807" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-115-1024x270.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-115-300x79.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-115-768x202.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-115.png 1329w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-medium-font-size">🧮 On <strong>calculera</strong> :</p>



<ul class="wp-block-list">
<li>le <strong>taux de conversion</strong> (visiteurs / acheteurs) par type d'outils (caisse classique, automatique, scan and go)</li>



<li>les <strong>variations RFM</strong> par type de <strong>cohortes </strong>(familles d'acheteurs)</li>



<li>L<strong>'efficacité</strong> de nos campagnes <strong>promotionnelles </strong>(libération des stocks, limitations des pertes)</li>



<li>Le <strong>panier moyen</strong> et son évolution</li>



<li>Le <strong>CA et la marge</strong>, bien évidemment</li>
</ul>



<h2 class="wp-block-heading has-accent-color has-text-color has-link-color wp-elements-e308b8d5d01482df962f71405850cae2" id="4-les-boutiques-en-ligne-">🛒 Les <strong>Boutiques en ligne</strong> </h2>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-c2de7cdf-9177-4e25-b499-2d090c49f19b" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#5-1-situation-et-enjeux-de-la-eshop" style="">1 | Situation et enjeux de la EShop</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#6-2-typologies-de-commerces-en-ligne-et-comparatif" style="">2 | Typologies de commerces en ligne et comparatif</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/#7-3-les-kpi-de-la-eshop" style="">3 | les KPI de la Eshop</a></li></ul>
			</div>
		</div></div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="403" height="697" src="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-27-181605.jpg" alt="" class="wp-image-31811" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-27-181605.jpg 403w, https://st9ph.fr/wp-content/uploads/2025/12/Capture-decran-2025-12-27-181605-173x300.jpg 173w" sizes="auto, (max-width: 403px) 100vw, 403px" /></figure>



<p class="has-base-2-background-color has-background">ℹ️ Le trio <strong>Amazon + Shein +Temu</strong> dépasse<strong> 25 % de l'ensemble des achats en ligne </strong>(tous produits confondus) en 2025 (FEVAD) </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-color has-link-color has-medium-font-size wp-elements-ba6c867856b57ed2d370c81fe7cfa6e6" style="color:#5aa626">👍<strong>Avantages</strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>Pas d'horaires</li>



<li>Confort de visite</li>



<li>Avis clients et comparateurs</li>



<li>couts dérisoires par rapport à la SVP</li>
</ul>



<p class="has-text-color has-link-color has-medium-font-size wp-elements-d914449678e2cba06ecb6afbeab76010" style="color:#a51414">👎 I<strong>nconvénients </strong></p>



<ul class="wp-block-list has-base-2-background-color has-background">
<li>l'achat et la possession ne sont pas simultanées</li>



<li>Méfiance concernant le paiement en ligne et faux sites miroir</li>



<li>Délai de rétractation de 14 jours (on est côté commerçant)</li>
</ul>



<div class="wp-block-uagb-counter uagb-block-d2070bc9 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="94" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title">des français placent le prix d'achat comme <strong>motiviation numéro 1</strong> lors de leurs achats en ligne</div></div>



<ul class="wp-block-list">
<li><strong>Nombre de cyberacheteurs :</strong> 41,6 millions de Français (soit <strong>73,3%</strong> des plus de 15 ans).</li>



<li><strong>Fréquence d'achat :</strong> En moyenne <strong>62 achats par an</strong> (soit plus d'un par semaine).</li>



<li><strong>Le Mobile avant tout :</strong> <strong>54%</strong> des transactions sont désormais réalisées via un smartphone.</li>
</ul>



<p class="has-small-font-size">Rapport "Chiffres Clés 2025" de la FEVAD (basé sur l'activité 2024), Enquêtes TIC 2024 de l'INSEE, Observatoire du Commerce Havas/CSA.</p>
</div>
</div>



<h3 class="wp-block-heading" id="5-1-situation-et-enjeux-de-la-eshop">1 | Situation et enjeux de la EShop</h3>



<p>Si on reprend le tableau de tout à l'heure, on se rend compte qu'on est loin derrière le canal SVP. A noter :</p>



<ul class="wp-block-list">
<li>Le <strong>frein distanciel qui demeure</strong> pour les produits alimentaires (périssables) malgré le<strong> Drive-To-Store</strong>, les <strong>produits de beauté et d'hygiène</strong> (conseil, qualité)</li>



<li>La <strong>forte montée</strong> en <strong>habillement &amp; Mode </strong>portée par la <strong>Fast Fashion</strong> et les<strong> stratégies de pénétration</strong> des plateformes chinoises</li>



<li>La <strong>prédominance des produits tech</strong> (bruns) en raison des o<strong>utils d'information évolués</strong>, du <strong>choix important</strong> et des market places qui <strong>tirent </strong>en plus<strong> les prix vers le bas</strong> (impossible de rivaliser en couts d'experts conseils en SVP)</li>
</ul>



<p></p>



<figure class="wp-block-table"><table><thead><tr><td><strong>Secteur d'activité</strong></td><td><strong>Part Magasins Physiques</strong></td><td><strong>Part E-commerce</strong></td><td><strong>Tendance &amp; Observation 2024</strong></td></tr></thead><tbody><tr><td><strong>High-Tech / Électronique</strong></td><td><strong>69 %</strong></td><td>31 %</td><td>Le secteur le plus digitalisé ; les magasins servent de showrooms.</td></tr><tr><td><strong>Équipement Maison / Électroménager</strong></td><td><strong>75 %</strong></td><td>25 %</td><td>Forte progression du online pour le "petit" électroménager.</td></tr><tr><td><strong>Meubles &amp; Décoration</strong></td><td><strong>76 %</strong></td><td>24 %</td><td>Stable ; l'achat physique reste privilégié pour tester le confort.</td></tr><tr><td><strong>Habillement &amp; Mode</strong></td><td><strong>77 %</strong></td><td>23 %</td><td>Forte poussée de l'e-commerce (Amazon, Shein, Temu).</td></tr><tr><td><strong>Produits Culturels (Livres, Jeux)</strong></td><td><strong>82 %</strong></td><td>18 %</td><td>Résilience des librairies physiques malgré la part du numérique.</td></tr><tr><td><strong>Beauté / Hygiène</strong></td><td><strong>85 %</strong></td><td>15 %</td><td>Secteur en forte croissance en magasin (+4,2% en 2024).</td></tr><tr><td><strong>Alimentaire / PGC</strong></td><td><strong>89,2 %</strong></td><td>10,8 %</td><td>Le e-commerce est ici dominé par le modèle du <strong>Drive</strong>.</td></tr></tbody></table></figure>



<h3 class="wp-block-heading" id="6-2-typologies-de-commerces-en-ligne-et-comparatif">2 | Typologies de commerces en ligne et comparatif</h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="324" height="512" src="https://st9ph.fr/wp-content/uploads/2025/11/image-27.png" alt="" class="wp-image-31026" srcset="https://st9ph.fr/wp-content/uploads/2025/11/image-27.png 324w, https://st9ph.fr/wp-content/uploads/2025/11/image-27-190x300.png 190w" sizes="auto, (max-width: 324px) 100vw, 324px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>on peut classer ces plateformes en trois catégories</p>



<ul class="wp-block-list">
<li>Les<strong> Pure Players</strong> qui exercent leur commerce uniquement en ligne. Ils n'ont pas de SVP (Cdiscount par exemple, même s'il a tenté un partenariat de SVP avec U et carrefour)</li>



<li>Les <strong>Click And Mortar</strong> (oui, je sais, c'est moche) qui pratiquent le multicanal (SVP + Eshop) (Darty- Fnac par exemple mais c'est la majorité des enseignes qui sont sur ce statut)</li>



<li>Les <strong>marketplaces</strong> (Amazon et autres Temu ...) qui rassemblent <strong>des produits de plusieurs commerçants </strong>dans un même catalogue.</li>
</ul>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td><strong>Critère</strong></td><td><strong>Pure Players </strong></td><td><strong>Brick &amp; Mortar  </strong></td><td><strong>Marketplaces </strong></td></tr></thead><tbody><tr><td><strong>Part de Marché (e-commerce)</strong></td><td>~35% à 40% </td><td>~30% </td><td><strong>31% </strong></td></tr><tr><td><strong>Marge Commerciale </strong></td><td><strong>15% - 25%</strong></td><td><strong>25% - 40%</strong></td><td><strong>Variable (Commissions de 8% à 20%)</strong></td></tr></tbody></table></figure>



<p class="has-small-font-size">INSEE - Médiamétrie // NetRatings</p>
</div>
</div>



<ol class="wp-block-list">
<li><strong>Le modèle Marketplace (Place de Marché) :</strong> C'est le grand gagnant en termes de <strong>rentabilité brute</strong>. En 2024, elles représentent <strong>31% du chiffre d'affaires des ventes de produits en ligne</strong>. Leur marge <strong>est constituée de commissions </strong>: le site <strong>ne possède pas le stock</strong>, il met seulement en relation acheteur et vendeur, ce qui élimine les pertes liées aux invendus.</li>



<li><strong>Les Brick &amp; Mortar (Enseignes ayant aussi des SVP) :</strong> Bien qu'ayant des charges fixes plus lourdes (loyers, salaires), elles conservent souvent une <strong>marge brute unitaire plus élevée</strong> grâce au conseil et au merchandising. <strong>Leur part de marché e-commerce progresse via le "Click &amp; Collect".</strong></li>



<li><strong>Les Pure Players :</strong> Ils font face à <strong>une érosion de leurs marges </strong>à cause de l'explosion du <strong>Coût d'Acquisition Client (CAC)</strong> et des<strong> frais de transport.</strong> Pour survivre, beaucoup (comme Amazon ou Cdiscount) se sont transformés eux-mêmes en marketplaces pour héberger <strong>des vendeurs tiers</strong>.</li>
</ol>



<blockquote class="wp-block-quote has-base-2-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>Note sur la marge nette :</strong> Si la<strong> marge commerciale</strong> (brute) semble élevée en boutique physique, la <strong>marge nette</strong> (après toutes les charges) est souvent <strong>plus faible que celle d'une marketplace </strong>optimisée.</p>
</blockquote>



<h3 class="wp-block-heading" id="7-3-les-kpi-de-la-eshop">3 | les KPI de la Eshop</h3>



<p class="has-medium-font-size">👀 | <strong>Impressions</strong> <strong>(les flux de visiteurs dans ma boutique en ligne)</strong></p>



<p class="has-base-2-background-color has-background">Rappelons en préambule que cela représente en France, en 2024 , <strong>41,6 millions de Français</strong> (soit <strong>73,3%</strong> des plus de 15 ans). </p>



<p>ℹ️ Les<strong> indicateurs d'impression</strong> seront <strong>communs</strong> avec ceux du <strong>canal Vitrine</strong>.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="223" src="https://st9ph.fr/wp-content/uploads/2025/12/image-118-1024x223.png" alt="" class="wp-image-31817" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-118-1024x223.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-118-300x65.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-118-768x167.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-118.png 1102w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Visiteurs</strong> et <strong>Visiteurs uniques</strong> (ceux qui viennent sur la boutique, et ceux qui y reviennent plusieurs fois)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>permet de connaitre <strong>le taux d'atterrissage </strong>par <strong>sources</strong></li>



<li>Permet de connaitre le <strong>taux de fidélisation</strong></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Renforcer <strong>sa stratégie de référencement </strong>sur les sources en souffrance</li>



<li>Améliore sa <strong>politique d'avantages client</strong> si le taux de visiteurs uniques est faible</li>
</ol>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Sessions</strong> (visites), <strong>durée de sessions</strong>, <strong>nombre de sessions </strong>(visites récurrentes)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>permet de connaitre le <strong>temps de fréquentation</strong></li>



<li>Permet de <strong>taux de fréquentation</strong></li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>Proposer une <strong>expérience utilisateur </strong>plus plaisante (temps faible) et notamment <strong>la navigation</strong></li>



<li>renforcer <strong>sa communication</strong> sur les offres et promos</li>
</ol>
</div>
</div>



<p>➡️ Focus sur<strong> les sources  d'atterrissage</strong> :</p>



<p class="has-base-2-background-color has-background">On utilise souvent <strong>le modèle Google Analytics </strong>pour le tracer parce que c'est le leader mais ses concurrents comme Bing ont la même terminologie.</p>



<p>Il s'agit de savoir <strong>d'où proviennent les internautes</strong> qui rebondissent sur notre Eshop afin de<strong> favoriser les flux </strong>et d'<strong>améliorer les sources</strong> qui peinent à alimenter notre site.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="600" src="https://st9ph.fr/wp-content/uploads/2025/12/image-119-1024x600.png" alt="" class="wp-image-31818" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-119-1024x600.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-119-300x176.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-119-768x450.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-119.png 1284w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-table"><table><thead><tr><th>Source</th><th>définition</th><th>corrections</th></tr></thead><tbody><tr><td>Organic Search</td><td>recherche naturelle (SEO) sur un moteur comme Google ou autre</td><td>Vos concurrents semblent être plus  visibles que vous. Votre stratégie SEO est à revoir</td></tr><tr><td>Direct</td><td>favori enregistré ou saisie directe de l’url cible ou appli mobile</td><td>cette source est liée à la fidélité. Donnez davantage envie à vos visiteurs de revenir.</td></tr><tr><td>Referal</td><td>CTA d’une newsletter ou flash d’un QR Code (injonction directe)</td><td>renforcer le maillage entre vos canaux digitaux</td></tr><tr><td>Affiliate</td><td>Des sites étrangers au votre vous envoient des visiteurs (sans être réénumérés pour le faire)</td><td>parlez plus de vos valeurs, développez votre réseau partenaires, faites de l'actualité</td></tr><tr><td>Social</td><td>Provient des réseaux sociaux. Globalement : vos posts non sponsorisés</td><td>Changez de communication pour créer le CTA, organisez des jeux concours par exemple</td></tr><tr><td>Display</td><td>les media (principalement les vidéos mais aussi vos live shopping si vous en faites </td><td>C'est encore un problème de choix de contenus dans vos communications s'il peine à créer du traffic</td></tr><tr><td>Paid</td><td>vos publicités, posts sponsorisés et autres</td><td>Si le ROI est insuffisant, changez d'argumentaire ou / et de catalogue. Voyez aussi les moments et le ciblage de vos lead s'ils sont pertinents.</td></tr></tbody></table></figure>



<p class="has-medium-font-size">🖐️ | <strong>Engagements</strong> <strong>(le visiteur devient actif)</strong></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>pages vues</strong> (global ou par sessions)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>combien de<strong> fiches produits</strong> vos visiteurs ont détaillé</li>



<li>Quelles autres pages que vos produits ?</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>revoyez <strong>la navigation</strong> (menus, bandeaux) et la mise en avant de vos promos</li>



<li></li>
</ol>
</div>
</div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="755" height="172" src="https://st9ph.fr/wp-content/uploads/2025/12/image-120.png" alt="" class="wp-image-31821" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-120.png 755w, https://st9ph.fr/wp-content/uploads/2025/12/image-120-300x68.png 300w" sizes="auto, (max-width: 755px) 100vw, 755px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>Taux de rebond</strong> (internautes qui <strong>repartiront aussitôt</strong> de votre site sans aucune interaction.)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p></p>



<ol class="wp-block-list">
<li>combien n'ont-ils même <strong>pas dépassé la page d'accueil </strong>?</li>



<li>Quelle était <strong>leur source d'atterrissage</strong> ?</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>retenez vos visiteurs par des<strong> pop-up de promo</strong></li>



<li>Corrigez <strong>votre sourcing </strong>(afiliate et Social) qui doivent "vendre du rêve"</li>
</ol>
</div>
</div>



<p class="has-base-2-background-color has-background">Ca peut paraitre idiot de dire que <strong>le taux de rebond est un engagement,</strong> puisque ce serait plutôt un "<strong>non engagement</strong>" mais c'est un peu comme les avis clients, même les négatifs comptent.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>ajouts au paniers et paniers abandonnés</strong> (hé oui ! <strong>Ce n'est pas encore une conversion</strong> tant que la commande n'est pas passée)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>quels sont <strong>les produits qui matchent </strong>et au bout de combien de temps ?</li>



<li>Pourquoi certaines <strong>commandes</strong> sont <strong>abandonnées</strong> ?</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>adaptez <strong>votre offre commerciale</strong>, faites des promos, des packs</li>



<li>regardez la concurrence, <strong>alignez vous,</strong> vos frais de livraison sont-ils justes ? </li>
</ol>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="621" height="384" src="https://st9ph.fr/wp-content/uploads/2025/12/image-121.png" alt="" class="wp-image-31824" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-121.png 621w, https://st9ph.fr/wp-content/uploads/2025/12/image-121-300x186.png 300w" sizes="auto, (max-width: 621px) 100vw, 621px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>le <strong>tableau de bord </strong>de de votre boutique (ici, Prestashop), vous indique <strong>le nombre de paniers abandonnés</strong> et vous permet de voir <strong>quels produits les ont provoqué.</strong></p>



<p class="has-base-2-background-color has-background">Un lien vers ce panier vous permet même de relancer le client (aperçu ci-dessous.</p>



<p>Certains modules peuvent<strong> gérer cela automatiquement.</strong> <a href="https://st9ph.fr/outils-gratuits-de-fidelisation-clients-dans-prestashop/" target="_blank" rel="noreferrer noopener">Voir cet article.</a></p>



<p></p>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="747" height="180" src="https://st9ph.fr/wp-content/uploads/2025/12/image-122.png" alt="" class="wp-image-31825" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-122.png 747w, https://st9ph.fr/wp-content/uploads/2025/12/image-122-300x72.png 300w" sizes="auto, (max-width: 747px) 100vw, 747px" /></figure>



<p class="has-medium-font-size">🛒 | conversions</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="426" src="https://st9ph.fr/wp-content/uploads/2025/12/image-123-1024x426.png" alt="" class="wp-image-31826" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-123-1024x426.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-123-300x125.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-123-768x319.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-123.png 1385w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li><strong>commandes</strong> (nombre, CA généré, Bénéfice) et<strong> taux de conversion</strong></li>



<li><strong>panier moyen</strong> (pour votre prévisionnel)</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>quels sont <strong>les produits qui </strong>se vendent le mieux ?</li>



<li>nos <strong>opérations commerciales</strong> fonctionnent elles ?</li>
</ol>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ol class="wp-block-list">
<li>ajustez vos <strong>promos </strong>et la <strong>visibilité des produits</strong> </li>



<li>surveillez <strong>les sources d'atterrissage </strong> pour faire le lien</li>
</ol>
</div>
</div>



<p class="has-medium-font-size">🧮 On <strong>calculera</strong> :</p>



<ul class="wp-block-list">
<li>Le<strong> taux de fidélisation</strong> : <strong>visiteurs uniques  / Visiteurs</strong> ou nouveaux <strong>comptes clients  / comptes clients</strong> et si possible<strong> par sources d'atterrissage</strong></li>



<li>les pages vues par session (attrait) en détaillant les<strong> produits phares </strong>et les <strong>rayons populaires</strong>, les<strong> paniers abandonnés</strong></li>



<li>Le<strong> RFM par segments </strong>(au moment des campagnes)</li>



<li>La <strong>CLTV</strong> <a href="https://kdrive.infomaniak.com/app/share/368426/69b66b33-3968-4cac-8448-a720e6980df0">(voir la fiche ressource en pdf</a>)</li>



<li>le <strong>panier moyen</strong>, la <strong>marge commerciale</strong> et le <strong>chiffre d'affaires</strong></li>
</ul>



<p class="has-base-2-background-color has-background">Les <strong>tableaux de bord </strong>de vos CMS (<strong>Prestashop, Spotify</strong> ....) contiennent nativement toutes ses informations.</p>



<div class="wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-medium-font-size">continuer avec :</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-986e122e"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-b4e106f2 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-crc/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Centre Relation Client</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre</p>
</div>



<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-43ca1da5"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-b48edbd3 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-sur-vos-reseaux-et-en-vitrine/" rel="follow noopener" target="_self" role="button"><div class="uagb-button__link">Vitrines &amp; RS</div></a></div></div>
</div></div>



<p class="has-text-align-center has-small-font-size">s'y rendre</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-mesure-kpi-en-svp-eshop%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-452a5084     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience....				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<span class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</span>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/">⏺️Omnicanal | Mesure KPI en SVP &amp; Eshop</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mesure-kpi-en-svp-eshop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_19_59_24_on_January_12th_2026.mp3" length="335520" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">31774</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Data Mining et RGPD</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Tue, 23 Dec 2025 15:47:29 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[c'est quoi le data mining]]></category>
		<category><![CDATA[comprendre forage données]]></category>
		<category><![CDATA[histoire loi informatique et liberté]]></category>
		<category><![CDATA[le RGPD en digital]]></category>
		<category><![CDATA[teletel et données personnelles]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31560</guid>

					<description><![CDATA[<p>✅ Pour votre prospection et pour votre relance clients, le Data Mining sera le carburant qui vous permettre de diffuser vos campagnes (atteindre vos lead), fidéliser votre clientèle (en les ciblant avec des informations pertinentes) et d&#8217;anticiper les changements (macro données de votre veille). Part d&#8217;IA /5 dans cet article 1 La Data Warehouse Méthodes ... <a title="⏺️Omnicanal &#124; Data Mining et RGPD" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Data Mining et RGPD">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/">⏺️Omnicanal | Data Mining et RGPD</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h5 class="uagb-notice-title"><strong>C&#8217;est quoi  le &#8220;Data Mining&#8221; ?</strong></h5><div class="uagb-notice-text">
<p class="has-medium-font-size">Le data Mining ou <strong>forage de données,</strong> c&#8217;est la démarche de <strong>collecte</strong>, de <strong>qualification </strong>et <strong>d&#8217;exploitation </strong>des données. Tout cela, bien sur, se fera <strong>en respectant la légalité</strong>, notamment le <strong>RGPD </strong>mais aussi le reste de <strong>la loi Informatiques et Libertés.</strong></p>
</div></div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_20_55_23_on_January_12th_2026.mp3"></audio><figcaption class="wp-element-caption">🎧 Ecouter l&#8217;introduction audio</figcaption></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😟Euh &#8230; je veux bien qu&#8217;on me réexplique pour <strong>le RGPD aussi </strong>!</summary>
<p><strong>Réglement Général</strong> européen <strong>sur la Protection des données </strong>de 2016 (au JO du <strong>25 Mai 2018</strong> pour la France) pose <strong>3 principes fondamentaux</strong> à la collecte des données en B2C : l<strong>&#8216;accord préalable, le droit d&#8217;accès et le droit à la suppression</strong>. Mais on en reparle plus tard !</p>
</details>



<p class="callout vert">✅ Pour <strong>votre prospection</strong> et pour <strong>votre relance clients</strong>, le Data Mining sera <strong>le carburant</strong> qui vous permettre de <strong>diffuser vos campagnes </strong>(atteindre vos lead), <strong>fidéliser votre clientèle</strong> (en les ciblant avec des informations pertinentes) et d&#8217;<strong>anticiper les changements</strong> (macro données de votre veille).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-fbcca95d-6806-4e88-9b16-3bfc672cb475">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-fbcca95d-6806-4e88-9b16-3bfc672cb475-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-587339eb-176c-4e9c-9a98-e9851a1de63c">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-2"><rect height="150" width="75" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-587339eb-176c-4e9c-9a98-e9851a1de63c-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-18599fb0-0faa-4874-ad28-565c5bd974f5">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-18599fb0-0faa-4874-ad28-565c5bd974f5-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">28–42 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">6 628 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-04-13T13:31:20+02:00">13 avril  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-db8e3a83      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Plan de l&#8217;article						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#la-data-warehouse" class="uagb-toc-link__trigger">La Data Warehouse</a><ul class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#11-méthodes-et-outils-de-collecte" class="uagb-toc-link__trigger">🔹1.1 |Méthodes et outils de collecte</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-1-le-nuages-de-mots-pour-synthétiser-les-réponses-ouvertes" class="uagb-toc-link__trigger">1-1 | ☁️ le nuages de mots pour synthétiser les réponses ouvertes</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#sources" class="uagb-toc-link__trigger">📚 Sources</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#ndrc" class="uagb-toc-link__trigger">🧑‍🎓 NDRC</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#glossaire" class="uagb-toc-link__trigger">📘 Glossaire</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-le-scraping-ou-gratteur-de-données" class="uagb-toc-link__trigger">1-2 | 🗺️le Scraping ou &quot;gratteur&quot; de données</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-3-collecter-les-données-rfm-via-gforms" class="uagb-toc-link__trigger">1-3 | collecter les données RFM via  GForms</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-4-le-magnet-dinscription" class="uagb-toc-link__trigger">1-4 | 🧲 le magnet d&#039;inscription</a></li></ul><li class="uagb-toc__list "><a href="#configuration-du-pop-up" class="uagb-toc-link__trigger">Configuration du Pop-up</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#titre-du-pop-up" class="uagb-toc-link__trigger">Titre du pop-up</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-5-les-outils-de-ciblage-et-dextraction-des-réseaux-sociaux" class="uagb-toc-link__trigger">1-5 | Les outils de ciblage et d&#039;extraction des réseaux sociaux</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#12-organisation-est-sécurité" class="uagb-toc-link__trigger">🔹1.2 |Organisation est sécurité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-1-organisation-et-nurturing" class="uagb-toc-link__trigger">1-2-1 | organisation et Nurturing</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-2-2-sécurité-et-protocoles" class="uagb-toc-link__trigger">1-2-2 | Sécurité et protocoles</a></li></ul></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#légalité-de-la-collecte-et-de-lexploitation-des-données" class="uagb-toc-link__trigger">Légalité de la collecte et de l&#039;exploitation des données</a><ul class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#21-de-la-loi-de-1978-au-rgpd-de-2016" class="uagb-toc-link__trigger">🔹2.1 |de la Loi de 1978 au RGPD de 2016</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-1-1-contexte-de-la-loi-informatique-et-liberté-de-1978" class="uagb-toc-link__trigger">2-1-1 | contexte de la  loi Informatique et Liberté de 1978</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-1-2-le-rgpd-européen-à-lintérieur-de-la-loi-informatique-et-libertés" class="uagb-toc-link__trigger">2-1-2 | Le RGPD européen à l&#039;intérieur de la loi Informatique et Libertés</a></li></ul><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#22-le-rgpd-sur-vos-canaux" class="uagb-toc-link__trigger">🔹2.2 |Le RGPD sur vos canaux</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-1-cookies-et-cgu-dans-vos-vitrines-et-vos-eshops" class="uagb-toc-link__trigger">2-2-1 | Cookies et CGU dans vos vitrines et vos Eshops</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-2-le-rgpd-dans-votre-crc" class="uagb-toc-link__trigger">2-2-2 | le RGPD dans votre CRC</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-3-le-rgpd-sur-les-réseaux-sociaux" class="uagb-toc-link__trigger">2-2-3 | le RGPD sur les réseaux sociaux</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-2-4-et-dans-la-svp" class="uagb-toc-link__trigger">2-2-4 | Et dans la SVP ?</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#st9ph" class="uagb-toc-link__trigger">St9ph</a></ul></ul></ul></ul></ol>					</div>
									</div>
				</div>
			


<div class="chapter-title">
  <div class="chapter-number">1</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>
      <h2>La Data Warehouse</h2>
    </div>
    <ul class="chapter-points">
  <li>Méthodes et outils de collecte</li>
  <li>Organisation est sécurité</li>
 </ul>
  </div>
</div>



<h3 class="wp-block-heading" id="0-11-m%C3%A9thodes-et-outils-de-collecte-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Méthodes et outils de collecte</strong></h3>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-75c1d672-6061-4dae-8615-31a2b05d573c" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#1-1-1-%E2%98%81%EF%B8%8F-le-nuages-de-mots-pour-synth%C3%A9tiser-les-r%C3%A9ponses-ouvertes-" style="">1-1 | ☁️ le nuages de mots pour synthétiser les réponses ouvertes</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#2-1-2-%EF%B8%8F-le-scraping-ou-gratteur-de-donn%C3%A9es-" style="">1-2 | 🗺️le Scraping ou &#8220;gratteur&#8221; de données</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#3-1-3-collecter-les-donn%C3%A9es-rfm-via-gforms-" style="">1-3 | collecter les données RFM via  GForms</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#4-1-4-le-magnet-dinscription-" style="">1-4 | 🧲 le magnet d&#8217;inscription</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#5-1-5-les-outils-de-ciblage-et-dextraction-des-r%C3%A9seaux-sociaux-" style="">1-5 | Les outils de ciblage et d&#8217;extraction des réseaux sociaux</a></li></ul>
			</div>
		</div></div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="735" height="127" src="https://st9ph.fr/wp-content/uploads/2025/12/image-52.png" alt="" class="wp-image-31564" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-52.png 735w, https://st9ph.fr/wp-content/uploads/2025/12/image-52-300x52.png 300w" sizes="auto, (max-width: 735px) 100vw, 735px" /></figure>
</div>


<p class="has-base-2-background-color has-background">Contrairement au <strong>Data Lake</strong> (gisement de données), <strong>la Warehouse est structurée</strong> en système de gestion de base de données relationnelle (<strong>SGBDR)</strong> qui, avec <strong>le texteur et le tableur</strong>, constituent <strong>les 3 grand domaines en informatique de gestion</strong>.</p>



<p>On classe les données <strong>selon leur type</strong> :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Type de données</th><th>Nature</th><th>méthode de collecte</th></tr></thead><tbody><tr><td>Données <strong>personnelles</strong></td><td>Toutes celles en rapport avec <strong>l&#8217;identité d&#8217;un client </strong>ou d&#8217;une société</td><td>Formulaires de comptes et de demande d&#8217;inscriptions</td></tr><tr><td>Données <strong>comportementales</strong></td><td>Liées à la détection numérique d&#8217;<strong>une activité</strong></td><td>Cookies des sites, localisation, historiques numériques</td></tr><tr><td>Données <strong>de communication</strong></td><td>liées <strong>aux échanges</strong> avec site marchand ou autre </td><td>mails, avis, commandes &#8230;</td></tr></tbody></table></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="574" src="https://st9ph.fr/wp-content/uploads/2025/12/Image1-1024x574.png" alt="" class="wp-image-31566" srcset="https://st9ph.fr/wp-content/uploads/2025/12/Image1-1024x574.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/Image1-300x168.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/Image1-768x430.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/Image1-1536x860.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/Image1-2048x1147.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Ce sera du <strong>donnant &#8211; donnant </strong>pour les données personnelles. Quelqu&#8217;un qui vous laisse ses <strong>coordonnées </strong>ou s&#8217;engagera dans <strong>une action vers votre marque </strong>attend en retour <strong>un service ou un avantage</strong>. Reprenons le SONCAS :</p>



<ul class="wp-block-list callout bleu">
<li><strong>La sécurité</strong> de <strong>retrouver </strong>ses factures, de suivre ses commandes pour un compte client, de <strong>ne pas oublier</strong> sa carte de fidélité pour le téléchargement de votre appli mobile</li>



<li><strong>L&#8217;orgueil</strong> de pouvoir compter parmi les <strong>clients VIP </strong>pour l&#8217;inscription  à une vente privée ou qu&#8217;on lise <strong>votre avis d&#8217;expert</strong> qui a la solution quand vous en laissez un sur une eshop ou un forum</li>



<li>Recevoir une notification <strong> des derniers modèles</strong> sortis ou le catalogue de <strong>la dernière mode</strong> quand on fonctionne à l<strong>a  nouveauté</strong></li>



<li>L&#8217;économie liée au <strong>cashback </strong>ou les <strong>promos exclusives </strong>faisant choisir en priorité une certaine boutique en ligne quand on recherche <strong>l&#8217;argent</strong></li>



<li>L&#8217;attrait pour <strong>vos valeurs,</strong> <strong>votre gamme</strong> de produits, <strong>l&#8217;ergonomie </strong>ou l<strong>&#8216;ambiance</strong> de vos outils numériques quand on est motivé par<strong> la sympathie</strong></li>
</ul>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> Dans quel type de données va-t-on classer un devis ?</p>

  <ul class="qcm-options">
    <li data-correct="false" data-feedback="Vu comme ça, oui, mais c'est tout de même avant tout une donnée de communication">C&#8217;est une donnée personnelle puisqu&#8217;elle contient des informations personnelles</li>
    <li data-correct="false" data-feedback="Non, les données comportementales seront dans les choix dans le devis, sur le maillage qui a conduit au formulaire,  sur le moment de la demande ...">C&#8217;est une donnée comportementale puisqu&#8217;elle indique un souhait de réalisation</li>
    <li data-correct="true" data-feedback="Oui, clairement.">C&#8217;est une donnée de communication puisqu&#8217;on lui envoie à la fin</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<h4 class="wp-block-heading" id="1-1-1-%E2%98%81%EF%B8%8F-le-nuages-de-mots-pour-synth%C3%A9tiser-les-r%C3%A9ponses-ouvertes-">1-1 | ☁️ <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">le nuages de mots pour synthétiser les réponses ouvertes</mark></h4>



<p class="has-base-2-background-color has-background">Il faut privilégier, bien entendu <strong>les questions fermées </strong>(oui / non) <strong>ou alternatives </strong>(QCM) bien plus faciles à synthétiser mais, dans certains cas, comme pour les avis clients, les réponses seront ouvertes et impossibles de les lire toutes. Comment exploiter alors les réponses libres ? </p>



<p>Un outil <strong>créateur de nuages de mots </strong>comme <a href="https://nuagedemots.co/" target="_blank" rel="noreferrer noopener">celui-ci </a>vous aidera à dégager les mots clés (qui reviennent le plus souvent) :</p>



<p>J&#8217;ai coupé-collé les <strong>paroles d&#8217;un poème </strong>de Louis Aragon (&#8220;il n&#8217;y a pas d&#8217;amour heureux&#8221;) dans cet outil et voilà le résultat :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="711" height="409" src="https://st9ph.fr/wp-content/uploads/2025/12/image-54.png" alt="" class="wp-image-31569" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-54.png 711w, https://st9ph.fr/wp-content/uploads/2025/12/image-54-300x173.png 300w" sizes="auto, (max-width: 711px) 100vw, 711px" /></figure>



<!-- Bouton principal -->
<button id="uxMenuBtn" style="
  position: fixed;
  right: 14px;
  bottom: 40%;
  padding: 12px 14px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9999;
  font-size: 18px;
">
  ☰
</button>

<!-- Menu -->
<div id="uxMenu" style="
  display:none;
  position: fixed;
  right: 14px;
  bottom: 48%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  z-index: 10000;
  font-family: Arial, sans-serif;
">
  <button class="uxItem" data-popup="sources">📚 Sources</button>
  <button class="uxItem" data-popup="methodo">🧑‍🎓NDRC</button>
  <button class="uxItem" data-popup="glossary">📘 Glossaire</button>
</div>

<!-- Overlay -->
<div id="uxOverlay" style="
  display:none;
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.55);
  z-index:10001;
"></div>

<!-- POPUPS -->

<div class="uxPopup" id="sources" data-title="📚 Sources UX mobile">
 

  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📚 Sources</h4>
<ul>
 <!--  ✅ contenus 📚 Sources -->
<li><strong>🖥️ nuagedemots.co</strong> – nuages de mots</li>
<li><strong>🖥️ Google Sheets (Maps Scraper)</strong> – plug-in de scraping ImportFromWeb</li>
<li><strong>🖥️ Google Forms</strong> – données de sondage</li>
<li><strong>🖥️ Linked In Sales Navigator</strong> – aperçus de boosters social ads</li>
<li><strong>🖥️ Meta Ads</strong> – aperçu de segmentation géographique</li>
<li><strong> Hubspot, FlyWeel, LocalIQ … </strong> – comparatif CPL</li>
<li><strong>🔊 Voicertool</strong> &#8211; introduction parlée </li>
<li><strong>Nano Banana Pro de Google Gemini</strong> – personnage d&#8217;illustration et image en avant</li>
</ul>
</div>

<div class="uxPopup" id="methodo" data-title="🧑‍🎓 NDRC">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>🧑‍🎓 NDRC</h4>
<!--  ✅ contenus 🧑‍🎓 NDRC -->
<p> 🟦 Cet article est à visée de l&#8217;épreuve écrite E5A.</p>
<ul>
<li>savoir proposer des méthodes de collectes de données et les outils de campagnes </li>
<li>Connaitre les éléments légaux de la collecte de données personnelles </li>
<li>Connaitre  les dangers liées à la circulation des données et les moyens de les prévenir </li>


</ul>
<p>👉 l&#8217;évaluation de votre soucis de protéger les données est systématique l&#8217;examen </p>
</div>

<div class="uxPopup" id="glossary" data-title="📘 Glossaire UX mobile">


  <img decoding="async" 
    src="https://st9ph.fr/wp-content/uploads/2026/02/logo-blogst9ph-small.jpg"
    alt="blog st9ph"
    style="
      width:100%;
      max-width:120px;
      display:block;
      margin:12px auto 20px;
      border-radius:8px;
    "
  >
<h4>📘 Glossaire</h4>
<!-- ✅ contenus 📘 Glossaire -->
<ul>
<li><strong>Data Mining</strong> : forage (exploration) de données </li>
<li><strong>Warehouse</strong> : Base de CRM </li>
<li><strong>CRM</strong> : Customer Relationship Management (Gestion de la Relation Client)</li>
<li><strong>SGBDR</strong> : Système de Gestion de Bases de Données Relationnelles</li>
<li><strong>Scraping</strong> : &#8220;gratteur&#8221; (dénicheur) de données</li>
<li><strong>Magnet</strong> : Appât (aimant) pousse au clic</li>
<li><strong>CPL</strong> : Cout Par Lead</li>
<li><strong>Nurturing</strong> : Alimenter la base de données</li>
<li><strong>Qualifier</strong> : mettre à jour, vérifier la justesse des données</li>
<li><strong>SSL</strong> :Secure Sockets Layer (paquets de données sécurisés sur le réseau)</li>
<li><strong>sites miroirs</strong> : copies piratées de sites</li>
<li><strong>hameconage</strong> : contenus détournés à l&#8217;intérieur d&#8217;une page légale</li>
<li><strong>RAID</strong> : système de réplication et distribution de données de sauvegarde</li>
<li><strong>RTC</strong> : Réseau Téléphonique Commuté</li>
<li><strong>GSM</strong> : Global System Mobile </li>
<li><strong>FAI</strong> : (ou provider) Fournisseur d&#8217;accès à l&#8217;internet</li>
<li><strong>CNIL</strong> : Commission Nationale Informatique et Libertés</li>
</ul>
</div>

<!-- Style popup -->
<style>
.uxItem {
  display: block;
  padding: 10px 16px;
  background: #fff;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  color: #111;        /* ✅ TEXTE VISIBLE */
  font-size: 14px;
}

.uxItem:hover {
  background: #f0f0f0;
}
.uxItem:hover { background:#f0f0f0; }

.uxPopup {
  display:none;
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  width:90%;
  max-width:560px;
  max-height:80%;
  padding:24px;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
  z-index:10002;
  overflow-y:auto;
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu {
    display: none !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}
</style>
<style>
@media (max-width: 768px) {
  #uxMenuBtn,
  #uxMenu,
  #uxOverlay,
  .uxPopup {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    display: none !important;
  }
}
</style>

<script>
(function () {

  // === DÉSACTIVATION MOBILE ===
  if (window.innerWidth <= 768) {
    return; // on ne fait RIEN sur mobile
  }

  // === RÉFÉRENCES ===
  const menuBtn = document.getElementById("uxMenuBtn");
  const menu = document.getElementById("uxMenu");
  const overlay = document.getElementById("uxOverlay");
  const popups = document.querySelectorAll(".uxPopup");

  if (!menuBtn || !menu || !overlay) return;

  // === OUVERTURE / FERMETURE MENU ===
  menuBtn.addEventListener("click", () => {
    menu.style.display = menu.style.display === "block" ? "none" : "block";
  });

  // === OUVERTURE POPUPS ===
  document.querySelectorAll(".uxItem").forEach(btn => {
    btn.addEventListener("click", () => {
      popups.forEach(p => p.style.display = "none");
      const target = document.getElementById(btn.dataset.popup);
      if (target) target.style.display = "block";
      overlay.style.display = "block";
      menu.style.display = "none";
    });
  });

  // === FERMETURE OVERLAY ===
  overlay.addEventListener("click", () => {
    popups.forEach(p => p.style.display = "none");
    overlay.style.display = "none";
  });

})();
</script>



</script>
<script>
(function () {
  if (window.innerWidth <= 768) {
    const uxPanel = document.querySelector('.ux-panel');
    if (uxPanel) {
      uxPanel.remove();
    }
  }
})();
</script>



<div class="wp-block-group callout jaune"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>On observe facilement, sans connaitre le poème  :</p>



<ul class="wp-block-list">
<li>que le sujet est "il" et qu<strong>'on parle d'amour et d'être heureux </strong>-&gt; c'est un rapport à l'amour et au bonheur <strong>qui concerne un homme</strong></li>



<li>il y'a <strong>des obstacles et un contexte lourd</strong> car ressortent clairement les mots "faiblesse", "ombre", "rien", "étrange", "sombre", "larmes", "broie"</li>



<li>Mais objectivement, <strong>on peut se tromper aussi</strong> : "amour", "heureux", "force", "acquis" mis côte à côte peuvent <strong>laisser croire à une belle histoire</strong>, à de la maitrise alors que c'est tout le contraire</li>
</ul>
</div></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="544" height="499" src="https://st9ph.fr/wp-content/uploads/2025/12/image-55.png" alt="" class="wp-image-31570" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-55.png 544w, https://st9ph.fr/wp-content/uploads/2025/12/image-55-300x275.png 300w" sizes="auto, (max-width: 544px) 100vw, 544px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout vert">✅ On applique parfois cette méthode aux données brutes d<strong>'avis clients ou de mails de réclamation</strong> pour voir d'un seul coup d'œil <strong>quels sont les reproches </strong>(les compliments aussi) <strong>les plus récurrents</strong> ou <strong>les problématiques les plus courantes</strong>.</p>



<p>👈🏻 Ici, sur ce second nuage, ce sont <strong>les avis clients sur une liseuse électronique</strong> (les 15 derniers). Les mots "<strong>maitrise</strong>", "<strong>Niveau</strong>" et "<strong>débutant</strong>" sautent aux yeux (+ "main" pour "prise en main ?". Ce produit est-il <strong>trop technique</strong> ? Le <strong>mode d'emploi </strong>est-il suffisant et clair ?</p>
</div>
</div>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> comment s'appellent les clients qui plébiscitent vos produits dans leurs avis ?</p>

  <ul class="qcm-options">
    <li data-correct="false" data-feedback="Non, les ambassadeurs sont en général des clients qui vous rémunérez pour dire du bien de votre enseigne et de vos produits">Des ambassadeurs</li>
    <li data-correct="true" data-feedback="Oui, c'est la bonne réponse">Des promoteurs</li>
    <li data-correct="false" data-feedback="Non, ça, se sont ceux qui vous suivent sur les réseaux (mais ils sont surement parmi vos promoteurs aussi !)">Des followers</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<h4 class="wp-block-heading" id="2-1-2-%EF%B8%8F-le-scraping-ou-gratteur-de-donn%C3%A9es-">1-2 | 🗺️<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">le Scraping ou "gratteur" de données</mark></h4>



<p class="callout bleu">Le <strong>scraping</strong>, c'est aller <strong>gratter </strong>(littéralement traduit de l'anglais) <strong>des données directement sur un site web </strong>!</p>



<p>Prenons l'exemple de <strong>Google Sheets</strong> (oui, il vous faut un tableur) et de l'extension <strong>ImportFromWeb</strong> que vous trouverez dans le menu "<strong>modules complémentaires"</strong>. Il faudra autoriser les options (personnellement, j'ai décoché "exécuter en votre absence" qui me paraissait excessive mais c'est pour ceux qui vont automatiser des imports dans un sheduler).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="379" src="https://st9ph.fr/wp-content/uploads/2025/12/image-56-1024x379.png" alt="" class="wp-image-31572" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-56-1024x379.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-56-300x111.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-56-768x284.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-56.png 1465w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">🖥️ <strong>L'utilisation n'est pas aisée</strong>. Il y'a une petite prise en main avant de réussir vos imports correctement et <strong>je vous conseille </strong><a href="https://workspace.google.com/marketplace/app/importfromweb_web_scraping_pour_tous/278587576794?hl=fr" target="_blank" rel="noreferrer noopener"><strong>le tutoriel</strong> </a>pour commencer !</p>



<p>Heureusement, il y'a aussi des "<strong>templates</strong>" (modèles) tous prêts pour Scraper Amazon, AliExpress, Ebay, Google Maps et autres .. <a href="https://nodatanobusiness.com/solutions/google-maps-scraper/" target="_blank" rel="noreferrer noopener">c'est ici</a> !</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="478" src="https://st9ph.fr/wp-content/uploads/2025/12/image-58-1024x478.png" alt="" class="wp-image-31574" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-58-1024x478.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-58-300x140.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-58-768x359.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-58-1536x717.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/image-58.png 1809w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="callout vert">🗺️ Ci-dessus, le template <strong>Google Maps Scraper</strong> qui permet avec une simple <strong>recopie de l'URL de recherche</strong> google Maps, de récolter tous les infos <strong>des fiches Google My Business</strong> des établissements visés.</p>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> A partir de quel outil puis-je faire figurer un flag de mon entreprise sur Google Maps ?</p>

  <ul class="qcm-options">
    <li data-correct="true" data-feedback="Oui, et c'est très pratique pour guider les clients vers vous, leurs communiquer vos horaires d'ouverture pour éviter de générer de l'insatisfaction ...">La fiche Google My Business</li>
    <li data-correct="false" data-feedback="Hé non ! C'est gratuit. C'est Google My Business qui le permet">Google Ads car c'est de la publicité</li>
    <li data-correct="false" data-feedback="Non, ça, c'est pour vérifier la pertinence des mots clés. C'est Google My Business qui le permet.">Google Trends</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<h4 class="wp-block-heading" id="3-1-3-collecter-les-donn%C3%A9es-rfm-via-gforms-">1-3 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">collecter les données RFM via </mark><img loading="lazy" decoding="async" width="23" height="30" class="wp-image-35476" style="width: 23px;" src="https://st9ph.fr/wp-content/uploads/2026/02/ico-forms.jpg" alt=""> <mark style="background-color:rgba(0, 0, 0, 0);color:#7d3691" class="has-inline-color">GForms</mark></h4>



<p>Obtenir des données personnelles avec mail et <strong>analyse RFM </strong>sans effort ? Impossible ? Mais si : faites un jeu concours ! </p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>RFM, RFM ... ça me dit quelque chose ... 🫤</summary>
<p><strong>Récence, Fréquence, Montant</strong>, les 3 questions majeures à se poser pour <strong>cibler un prospect en B2C.</strong> Depuis quand, tous les combien de temps et pour quelle somme en moyenne, ce répondant consomme-t-il <strong>les produits similaires à ceux que je cherche à lui vendre </strong>?</p>
</details>



<p class="has-text-align-center has-small-font-size">testez le formulaire (vous n'êtes pas obligé(e) d'envoyer à la fin mais dites que vous êtes propriétaire pour voir la section RFM</p>



<iframe loading="lazy" src="https://docs.google.com/forms/d/e/1FAIpQLSc3Tas9XV4bWUmowOM9PYyQUBPLBvsvfqB9nJEYBDEnhNzSMQ/viewform?embedded=true" width="640" height="856" frameborder="0" marginheight="0" marginwidth="0">Chargement…</iframe>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout jaune">⚠️ Pensez à s<strong>onder vos répondants</strong> sur leur <strong>équipement actue</strong>l, leur <strong>satisfaction</strong>, leur <strong>intérêt </strong>pour le produit que vous faites gagner.</p>



<p class="has-base-2-background-color has-background">👉🏻 Ceux qui nous intéressent, <strong>ce sont les perdants au jeu </strong>! On va les contacter pour <strong>leur faire une offre avantageuse </strong>!</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-1.png" alt="" class="wp-image-31582" srcset="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-1.png 490w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-1-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-1-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>👈🏻 Flashez le QR Code si vous préférez sur téléphone</p>



<p></p>
</div>
</div>
</div>
</div>



<p>Pour rappel :</p>



<ul class="wp-block-list">
<li>un jeu concours <strong>est borné dans le temps</strong></li>



<li>Il fait l'objet d'<strong>un règlement déposé chez un huissier</strong></li>



<li>Il n'est pas nécessaire de <strong>faire gagner quelqu'un qui a bien répondu</strong>, ou le plus rapidement ! Précisez juste "un gagnant sera tiré au sort parmi les répondants" <strong>pour vous éviter d'éplucher les réponses</strong></li>



<li><strong>Favorisez les QCM </strong>que vous pourrez scorer facilement</li>



<li>Pensez à <strong>préciser dans le règlement </strong>que vous vous autorisez <strong>à recontacter les participants </strong>pour leurs faire des offres commerciales, sinon vous n'aurez pas le droit.</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="842" height="329" src="https://st9ph.fr/wp-content/uploads/2025/12/image-60.png" alt="" class="wp-image-31579" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-60.png 842w, https://st9ph.fr/wp-content/uploads/2025/12/image-60-300x117.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-60-768x300.png 768w" sizes="auto, (max-width: 842px) 100vw, 842px" /></figure>



<p><strong>Google Forms</strong> vous propose <strong>un tableau de bord</strong> des statistiques et l'<strong>export vers un tableur</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1013" height="198" src="https://st9ph.fr/wp-content/uploads/2025/12/image-61.png" alt="" class="wp-image-31580" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-61.png 1013w, https://st9ph.fr/wp-content/uploads/2025/12/image-61-300x59.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-61-768x150.png 768w" sizes="auto, (max-width: 1013px) 100vw, 1013px" /></figure>



<p class="has-base-2-background-color has-background">vous disposerez alors d'<strong>une mine d'or d'informations  </strong>pour <strong>des lead à 100% ciblés </strong>car ils n'auraient pas cherché à <strong>gagner le produit </strong>s'il ne les intéressait pas.</p>



<h4 class="wp-block-heading" id="4-1-4-le-magnet-dinscription-">1-4 | 🧲 <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">le magnet d'inscription</mark></h4>



<p>👉🏻 Demander <strong>un devis,</strong> télécharger un livre blanc, s'inscrire à <strong>la newsletter</strong>, autant d'opérations de collecte de données personnelles qui peuvent constituer un frein : que vont-ils en faire ? Le choix du <strong>magnet </strong>(aimant) sera déterminant pour <strong>déclencher l'envoi</strong>.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="727" height="127" src="https://st9ph.fr/wp-content/uploads/2025/12/image-62.png" alt="" class="wp-image-31585" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-62.png 727w, https://st9ph.fr/wp-content/uploads/2025/12/image-62-300x52.png 300w" sizes="auto, (max-width: 727px) 100vw, 727px" /></figure>
</div>


<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="279" src="https://st9ph.fr/wp-content/uploads/2025/12/image-63-1024x279.png" alt="" class="wp-image-31586" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-63-1024x279.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-63-300x82.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-63-768x210.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-63.png 1345w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="450" src="https://st9ph.fr/wp-content/uploads/2025/12/image-64-1024x450.png" alt="" class="wp-image-31587" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-64-1024x450.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/image-64-300x132.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-64-768x337.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/image-64.png 1403w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="callout vert">🗓️ <strong>Inviter à un salon</strong>, 🔒 <strong>réserver </strong>des contenus <strong>aux abonnés</strong>, 🆓 proposer un <strong>essai gratuit </strong>... les exemples ci-dessus doivent vous sembler familiers car vous les avez surement déjà rencontrés.</p>



<p>➡️ dans le configurateur ci-dessous (dans lequel vous pouvez vous amuser à changer le titre et le message avant de le visualiser), on donne accès à un mémo de formation en échange d'un mail.</p>



<!-- DÉBUT DU CODE POP-UP & CONFIGURATION -->
<style>
    /* Styles pour le formulaire de configuration */
    .popup-config-panel {
        border: 1px solid #ccc;
        padding: 20px;
        background: #f9f9f9;
        margin-bottom: 20px;
        font-family: sans-serif;
    }
    .popup-config-panel input, .popup-config-panel textarea {
        width: 100%;
        padding: 8px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .popup-config-panel button {
        padding: 10px 20px;
        background: #0066cc;
        color: white;
        border: none;
        cursor: pointer;
    }
    .popup-config-panel button:hover {
        background: #0052a3;
    }

    /* Styles du Pop-up (Modal) */
    .custom-modal-overlay {
        display: none; /* Caché par défaut */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9999;
        justify-content: center;
        align-items: center;
    }

    .custom-modal-content {
        background: #fff;
        width: 90%;
        max-width: 800px;
        display: flex;
        flex-direction: row;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }

    /* Partie Gauche : Image */
    .modal-left {
        flex: 1;
        background: #f0f0f0;
        min-width: 250px;
    }
    .modal-left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Partie Droite : Contenu */
    .modal-right {
        flex: 1.5;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    /* Croix de fermeture */
    .modal-close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        cursor: pointer;
        line-height: 20px;
        z-index: 10;
    }
    .modal-close:hover {
        color: #cc0000;
    }

    /* Typographie et Champs */
    .modal-title {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 22px;
        color: #333;
    }
    .modal-argument {
        font-size: 14px;
        color: #555;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .modal-form input {
        width: 100%;
        padding: 10px;
        margin-bottom: 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
    }

    .modal-btn-submit {
        background: #28a745;
        color: white;
        border: none;
        padding: 12px;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
    }
    .modal-btn-submit:hover {
        background: #218838;
    }

    /* Responsive : Empiler sur mobile */
    @media (max-width: 768px) {
        .custom-modal-content {
            flex-direction: column;
            max-height: 90vh;
            overflow-y: auto;
        }
        .modal-left {
            min-height: 200px;
            flex: none;
        }
    }
</style>

<!-- 1. PANNEAU DE CONFIGURATION -->
<div class="popup-config-panel">
    <h3>Configuration du Pop-up</h3>
    <label><strong>Titre du pop-up :</strong></label>
    <input type="text" id="config-title" placeholder="Ex: Téléchargez notre livre blanc" value="Téléchargez le mémo exclusif de st9ph.fr">
    
    <label><strong>Argumentaire du pop-up :</strong></label>
    <textarea id="config-argument" rows="3" placeholder="Ex: Découvrez nos meilleures astuces...">Découvrez le tuto complet pour réussir votre épreuve Prestashop au BTS ! Remplissez le formulaire pour recevoir le PDF immédiatement.</textarea>
    
    <button onclick="previewPopup()">Visualiser le pop-up</button>
</div>

<!-- 2. STRUCTURE DU POP-UP (Cachée par défaut) -->
<div id="myCustomModal" class="custom-modal-overlay">
    <div class="custom-modal-content">
        <!-- Croix de fermeture -->
        <span class="modal-close" onclick="closeModal()">&times;</span>
        
        <!-- Gauche : Image -->
        <div class="modal-left">
            <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/03/book-presta-shot.jpg" alt="Illustration Livre">
        </div>
        
        <!-- Droite : Contenu -->
        <div class="modal-right">
            <h2 id="modal-display-title" class="modal-title">Titre du pop-up</h2>
            <p id="modal-display-argument" class="modal-argument">Argumentaire du pop-up</p>
            
            <div class="modal-form">
                <input type="text" placeholder="Nom" aria-label="Nom">
                <input type="text" placeholder="Prénom" aria-label="Prénom">
                <input type="email" placeholder="Adresse e-mail" aria-label="Email">
            <p>  <FONT size="-3">En cliquant sur ce bouton, vous autorisez st9ph.fr à vous contacter occasionnellement pour vous communiquer ses actualités et ses bons plans </font> </p>    
                <!-- Bouton d'action -->
                <a href="https://kdrive.infomaniak.com/app/share/368426/d279779e-edbe-40b5-a5c8-6f1a087a72d0/files/2963/preview/pdf/295" target="_blank" class="modal-btn-submit">
                    Obtenir le PDF
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 3. JAVASCRIPT POUR LA LOGIQUE -->
<script>
    // Fonction pour ouvrir le modal
    function openModal() {
        document.getElementById('myCustomModal').style.display = 'flex';
    }

    // Fonction pour fermer le modal
    function closeModal() {
        document.getElementById('myCustomModal').style.display = 'none';
    }

    // Fermer si on clique en dehors du contenu (sur le fond gris)
    window.onclick = function(event) {
        var modal = document.getElementById('myCustomModal');
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }

    // Fonction pour prévisualiser avec les champs du formulaire de config
    function previewPopup() {
        var title = document.getElementById('config-title').value;
        var arg = document.getElementById('config-argument').value;
        
        document.getElementById('modal-display-title').innerText = title;
        document.getElementById('modal-display-argument').innerText = arg;
        
        openModal();
    }
</script>
<!-- FIN DU CODE POP-UP -->



<p class="callout rouge">Ce simulateur <strong>ne collecte pas vraiment les données</strong> (contrairement à celui du 🎓TP) e<strong>t il affiche directement le <img loading="lazy" decoding="async" width="12" height="11" class="wp-image-33359" style="width: 12px;" src="https://st9ph.fr/wp-content/uploads/2026/01/pdf.png" alt="">pdf</strong> quand on clique sur le bouton. Dans la réalité, on choisira plutôt un script qui enverra <strong>un lien sur la boite mail du demandeur</strong> (l'obligeant à en saisir une qui est ✅valide)</p>



<h4 class="wp-block-heading" id="5-1-5-les-outils-de-ciblage-et-dextraction-des-r%C3%A9seaux-sociaux-">1-5 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Les outils de ciblage et d'extraction des réseaux sociaux</mark></h4>



<p>👉🏻 Ces <strong>solutions</strong> sont bien entendu <strong>payantes </strong>mais <strong>le ROI est au rendez-vous </strong>à coup sûr.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="533" height="345" src="https://st9ph.fr/wp-content/uploads/2025/12/image-65.png" alt="" class="wp-image-31594" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-65.png 533w, https://st9ph.fr/wp-content/uploads/2025/12/image-65-300x194.png 300w" sizes="auto, (max-width: 533px) 100vw, 533px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-base-2-background-color has-background">A l'exemple du <strong>Sales Navigator de Linked In </strong>sur le Screenshot ci-contre, les réseaux sociaux proposent <strong>des outils de ciblage précis </strong>et de production de <strong>données de prospection de masse </strong>pour vos campagnes</p>



<p>Vous avez surement déjà été ciblé(e) en MP par des marketeurs car l'outil permet aussi l'E Mail Marketing</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Dans ce second aperçu, c'est le tableau de bord de  <strong>Meta Ads </strong>et un focus sur <strong>la zone de chalandise </strong>avec l'outil "<strong>Booster</strong>" d'une publication.</p>



<p class="has-base-2-background-color has-background">Meta Ads est commun à Facebook et Instagram et vous pouvez même, à partir d'un même booster, choisir l'un ou l'autre ou les deux !</p>



<p>Ci-dessous, le Cout par Lead moyen pour montrer que ce canal est l'un des plus avantageux en termes de ROI</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>😎Euh ... <strong>le ROI,</strong> c'est pas le type avec une couronne sur la tête, c'est autre chose ?</summary>
<p>On ne peut rien vous cacher ! ROI pour <strong>Return On Investment </strong>(retour sur investissement) -&gt; y'aura t-il un bénéfice à investir dans cette action ?</p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="621" height="685" src="https://st9ph.fr/wp-content/uploads/2025/12/image-66.png" alt="" class="wp-image-31595" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-66.png 621w, https://st9ph.fr/wp-content/uploads/2025/12/image-66-272x300.png 272w" sizes="auto, (max-width: 621px) 100vw, 621px" /></figure>
</div>
</div>



<p>📊 Comparatif du <strong>Coût par Lead </strong>(CPL) par plateforme :</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><td><strong>Réseau Social</strong></td><td><strong>CPL Moyen (Global)</strong></td><td><strong>Fourchette Typique</strong></td><td><strong>Profil des Prospects</strong></td><td><strong>Points Forts / Secteurs</strong></td></tr></thead><tbody><tr><td><strong>Facebook</strong></td><td><strong>~22 € - 28 €</strong></td><td>5 € – 50 €</td><td>Large (B2C &amp; B2B)</td><td>Immobilier, Retail, Loisirs, Services locaux</td></tr><tr><td><strong>Instagram</strong></td><td><strong>~25 € - 35 €</strong></td><td>10 € – 60 €</td><td>Jeune / Visuel</td><td>E-commerce, Mode, Beauté, Lifestyle</td></tr><tr><td><strong>LinkedIn</strong></td><td><strong>~95 € - 110 €</strong></td><td>40 € – 250 €</td><td>Professionnels (B2B)</td><td>IT, SaaS, Finance, Formation, Recrutement</td></tr><tr><td><strong>TikTok</strong></td><td><strong>~15 € - 25 €</strong></td><td>5 € – 40 €</td><td>Gen Z / Millenials</td><td>Gadgets, Applications, Divertissement</td></tr><tr><td><strong>X (Twitter)</strong></td><td><strong>~35 € - 45 €</strong></td><td>15 € – 80 €</td><td>Tech / Journalisme</td><td>News, Tech, Play-to-Earn</td></tr></tbody></table></figure>



<p>Sources :</p>



<ul class="wp-block-list has-small-font-size">
<li><strong>WordStream / LocaliQ (2024-2025) :</strong> Benchmarks annuels par industrie pour Facebook et Google Ads.</li>



<li><strong>Flyweel (2025) :</strong> Analyse comparative du CPL entre LinkedIn, Google et Meta.</li>



<li><strong>HubSpot (2025) :</strong> Rapport annuel sur les tendances et les coûts publicitaires des réseaux sociaux.</li>



<li><strong>Gupta Media :</strong> Suivi en temps réel des coûts CPM/CPC sur les plateformes sociales.</li>



<li><strong>Adimeo / Leads Lab :</strong> Études sectorielles spécifiques au marché français (B2B/B2C)</li>
</ul>



<p>➡️ E<strong>n conclusion de cette première sous-partie,</strong> constatons que les méthodes et outils de collecte ne manquent pas. On peut citer aussi :</p>



<ul class="wp-block-list">
<li>Les <strong>annuaires </strong>tel l'<a href="https://www.aef.cci.fr/" target="_blank" rel="noreferrer noopener">AEF du CCI Webstore</a> ou le <a href="https://fr.kompass.com/" target="_blank" rel="noreferrer noopener">KOMPASS</a> pour la <strong>prospection B2B</strong> (mais ils sont payants)</li>



<li>les <a href="https://www.pagesjaunes.fr/" target="_blank" rel="noreferrer noopener">pages jaunes</a> de la poste (gratuit côté consultation) qui restent <strong>une base très complète </strong>de professionnels même si cette dernière plateforme <strong>ne propose pas d'extractions</strong></li>
</ul>



<div class="resources-box">
<ul>
  <li>
    🌐
    <span class="resource-text">Nous étudierons aussi en détail <b>Pappers</b> dans le 🎓TP</span>
    <a class="resource-link" href="https://www.pappers.fr/" target="_blank" rel="noopener">voir</a>
  </li>
</ul>
</div>



<h3 class="wp-block-heading" id="6-12-organisation-est-s%C3%A9curit%C3%A9-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">1.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Organisation est sécurité</strong></h3>



<p>➡️  Votre base CRM stocke et calcule vos <strong>indicateurs clés </strong>(KPI) tandis que vos canaux <strong>appellent à l’action </strong>et conduisent vers vos landing pages. Vos (ro)bots traqueurs vont vous <strong>alerter</strong> sur les moments clés dans votre planification <strong>et déclencher </strong>des communications automatiques.</p>



<p class="callout jaune">Le <strong>Data Mining </strong>génère un nombre conséquent de données <strong>qu’il faut exploiter au mieux</strong>. Le <strong>stockage</strong>, la rapidité d'échange de données (<strong>bande passante</strong>) et de <strong>calcul </strong>(processeurs) est un domaine qui brasse <strong>plus de CA que tout le Retail</strong> (SVP + Eshop) <strong>réuni</strong>. Citons les <strong>trois leaders des Data Centers</strong> que sont <strong>IBM</strong>, <strong>Oracle </strong>et <strong>Microsoft</strong>.</p>



<h4 class="wp-block-heading" id="7-1-2-1-organisation-et-nurturing-">1-2-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">organisation et Nurturing</mark></h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="698" height="363" src="https://st9ph.fr/wp-content/uploads/2025/12/image-67.png" alt="" class="wp-image-31597" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-67.png 698w, https://st9ph.fr/wp-content/uploads/2025/12/image-67-300x156.png 300w" sizes="auto, (max-width: 698px) 100vw, 698px" /></figure>



<p>👉🏻 Votre base CRM stocke vos données et calcule vos <strong>indicateurs clés </strong>(KPI) tandis que vos canaux <strong>appellent à l’action </strong>et conduisent vers <strong>vos landing pages</strong>. Vos (ro)<strong>bots</strong> traqueurs vont vous <strong>alerter</strong> sur les <strong>moments clés </strong>dans votre planification <strong>et déclencher </strong>des communications automatiques.</p>



<p class="callout vert">✅ Si vous gardez ce schéma en tête, vous serez<strong> 🖤 au cœur de toutes les stratégies digitales</strong></p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>CRM ?</summary>
<p><strong>Costumer Relationship Management</strong> ou <strong>GRC </strong>en français (Gestion de la relation client). C'est <strong>la base de données centralisée </strong>qui stocke et organise toutes vos informations commerciales.</p>
</details>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-style-zoooom"><img loading="lazy" decoding="async" width="867" height="642" src="https://st9ph.fr/wp-content/uploads/2025/12/image-68.png" alt="" class="wp-image-31600" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-68.png 867w, https://st9ph.fr/wp-content/uploads/2025/12/image-68-300x222.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-68-768x569.png 768w" sizes="auto, (max-width: 867px) 100vw, 867px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>👈🏻 Dans l'aperçu ci-contre, <strong>un exemple de déclencheur</strong> qui crée <strong>un mail autogénéré de remise</strong> pour les clients dans <strong>leur dernier moment de vérité</strong> (<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/" target="_blank" rel="noreferrer noopener">voir l'article à ce sujet</a>).</p>



<p class="callout bleu">C'est un module Prestashop gratuit détaillé dans <a href="https://st9ph.fr/outils-gratuits-de-fidelisation-clients-dans-prestashop/" target="_blank" rel="noreferrer noopener">cet autre article</a>. Il peut <strong>éviter une part du Churn </strong>(perte de clients).</p>



<p></p>
</div>
</div>



<p>Ci-dessous, un logigramme de tous <strong>les déclencheurs génériques </strong>durant un parcours visiteur dans une boutique en ligne :</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="863" height="486" src="https://st9ph.fr/wp-content/uploads/2025/12/image-69.png" alt="" class="wp-image-31602" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-69.png 863w, https://st9ph.fr/wp-content/uploads/2025/12/image-69-300x169.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-69-768x433.png 768w" sizes="auto, (max-width: 863px) 100vw, 863px" /></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary><strong>Un invité,</strong> c'est quelqu'un qu'on va garder pour le diner ?</summary>
<p>Pourquoi pas, mais en ECommerce, c'est surtout <strong>un visiteur qui commande</strong> <strong>sans être connecté à un compte client</strong>. C'est donc soit <strong>un nouveau client</strong>, soit <strong>un client qui reste anonyme</strong> durant sa session.</p>
</details>



<p>➡️ L’analyse du trafic des cohortes d’un tableau de bord à l’intérieur d’une boutique permet de définir <strong>l’impression</strong> (le temps passé), <strong>l’engagement</strong> (les actions réalisées et les pages vues) et la <strong>conversion</strong> (les achats) mais <strong>aussi les comportements</strong>. </p>



<p>👉🏻 Des outils de la Warehouse nous permettent alors <strong>de déclencher des réactions</strong>. Tout cela participe au <strong>Nurturing </strong>:</p>



<ul class="wp-block-list">
<li>Chaque <strong>interaction </strong>est l'occasion de "<strong>nourrir</strong>" la fiche client (<strong>Requalification</strong>), notamment en <strong>CRC </strong>lors de contact <strong>en 1 to 1 </strong>(<strong>phoning</strong>, principalement). On vérifie <strong>l'actualité des données </strong>qu'on a sur son correspondant (écouter l'extrait audio exemple).</li>



<li>Chaque <strong>comportement </strong>est étudié afin de définir <strong>des cohortes cibles</strong> pour nos campagnes (gouts, moments, RFM ...)- ℹ️ Nous verrons un exemple précis dans le 🎓TP</li>



<li><strong>les déclencheurs </strong>et les <strong>mises à jour </strong>de données augmentent la <strong>Costumer Lifetime Value</strong></li>
</ul>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/03/celia-gabin-qualif.mp3"></audio><figcaption class="wp-element-caption">Exemple de requalification en appel</figcaption></figure>



<h4 class="wp-block-heading" id="8-1-2-2-s%C3%A9curit%C3%A9-et-protocoles-">1-2-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Sécurité et protocoles</mark></h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-1024x211.png" alt="" class="wp-image-31609" srcset="https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-1024x211.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-300x62.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-768x159.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-1536x317.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/secu-warhouse-2048x423.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>⚠️ Il est essentiel de protéger vos données contres les <strong>3 menaces </strong>qui pèsent sur elles :</p>



<p>• 🏴‍☠️ <strong>Le piratage</strong>.</p>



<p>Des experts en <strong>intrusion informatique </strong>peuvent utiliser <strong>des ports de communication ouverts</strong> et mal sécurisés <strong>dans votre firewall</strong> pour vous dérober vos données où y déposer <strong>un logiciel espion</strong>.</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🖥️ Un firewall ? J'ai ça sur mon ordi, moi ?</summary>
<p>Oui, <strong>tous les systèmes d'exploitation en sont équipés.</strong> C'est un mur coupe-feu si on le traduit littéralement. En fait, <strong>c'est une interface qui contrôle les ports de communication </strong>de votre machine et <strong>en ouvre au besoin.</strong> Le problème, c'est que <strong>certains logiciels malveillants vous demandent d'en ouvrir </strong>pour eux et que vous le faites en croyant qu'ils ne sont pas malveillants ! </p>
</details>



<p>👉🏻 Il en va de <strong>votre réputation</strong> et de <strong>votre respect du RGPD </strong>de prévenir ce risque. Votre <strong>firewall</strong> doit, normalement, contrôler <strong>les entrées et sorties sur votre système</strong>. A vous d’en garder le contrôle.</p>



<p class="callout rouge">🌐 Lorsque <strong>vos données</strong> voyagent sur internet, elles <strong>sont cryptées</strong>. On parle de <strong>tunnel SSL </strong>(Secure Sockets Layer cad des paquets sécurisés). Le serveur et l’ordinateur qui les échangent sont normalement <strong>les seuls à posséder la clé</strong> qui permet de les «&nbsp;lire&nbsp;» en clair. C'est ce qui donne le 🔒 <strong>cadenas de la barre d'état</strong> du navigateur ainsi que <strong>le "s" de "https"</strong> en entête d'url.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="481" height="51" src="https://st9ph.fr/wp-content/uploads/2025/12/image-168.png" alt="" class="wp-image-35762" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-168.png 481w, https://st9ph.fr/wp-content/uploads/2025/12/image-168-300x32.png 300w" sizes="auto, (max-width: 481px) 100vw, 481px" /></figure>
</div>


<p>🆔 <strong>L'usurpation d'identité</strong> se développe aussi avec l'usage de <strong>sites miroirs </strong>qui copient les vôtres mais sur un domaine légèrement différent. La différence entre castorama.fr et cast0rama.fr ne sautera pas aux yeux de tout le monde sur la barre d'adresses. Idem pour <strong>le hameçonnage</strong>, où seule <strong>la zone body </strong>est redirigée.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="731" height="317" src="https://st9ph.fr/wp-content/uploads/2025/12/image-70.png" alt="" class="wp-image-31613" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-70.png 731w, https://st9ph.fr/wp-content/uploads/2025/12/image-70-300x130.png 300w" sizes="auto, (max-width: 731px) 100vw, 731px" /></figure>
</div>


<p>• 🫗 <strong>La destruction accidentelle</strong>.</p>



<p>💾 Une <strong>erreur d’écriture</strong> d’un de vos logiciels, <strong>une fausse manipulation </strong>d’un de vos opérateurs ou <strong>la panne d’un disque dur</strong> qui les contiennent et <strong>s’en est fini de vos données </strong>! Une véritable <strong>sauvegarde </strong>régulière avec un outil professionnel sur un serveur de réplication limitera ce risque.</p>



<p class="has-base-2-background-color has-background">➡️ Les serveurs utilisent un système appelé <strong>RAID </strong>qui <strong>duplique les données sur plusieurs disques</strong> simultanément afin que malgré la panne de l'un d'entre eux, les autres puissent reconstituer l'information.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="737" height="196" src="https://st9ph.fr/wp-content/uploads/2025/12/image-71.png" alt="" class="wp-image-31614" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-71.png 737w, https://st9ph.fr/wp-content/uploads/2025/12/image-71-300x80.png 300w" sizes="auto, (max-width: 737px) 100vw, 737px" /></figure>
</div>


<p>•👴🏻 <strong>L’altération</strong>.</p>



<p>🦠 Des <strong>virus informatiques</strong> peuvent modifier <strong>ou encoder vos données</strong> pour <strong>les rendre inutilisables</strong> ou vous demander <strong>une rançon pour les décrypter</strong>. Les plus courants, aujourd’hui, sont les seconds qu'on appelle des <strong>ransomwares</strong>. Mais ce peut être aussi tout simplement<strong> le support ou la tête d'écriture </strong>qui a reçu une vibration ou rencontré une poussière.</p>



<p class="callout bleu">➡️ Pour conclure cette seconde sous-partie, retenons que <strong>la Warehouse a besoin,</strong> à la fois <strong>d'être alimentée</strong> et <strong>défendue en permanence</strong>, afin que ces informations puissent servir de carburant à vos stratégies marketing.</p>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> Quel est le meilleur support pour vos données ?</p>

  <ul class="qcm-options">
    <li data-correct="false" data-feedback="Deux défauts : on les perd facilement et pas de synchronisation automatique  -> à considérer uniquement pour des archives (des fichiers qui ne bougeront plus comme des images ou des factures)">Une clé usb ou un disque dur externe</li>
    <li data-correct="true" data-feedback="Oui, d'autant que la synchronisation permet d'avoir des données à jour.">Le Cloud</li>
    <li data-correct="false" data-feedback="Comme pour la clé USB, pas de synchronisation possible, risque de perdre le disque, fragile et oxydable dans le temps, à réserver à des archives (images, factures ...)">Un gavage optique (CD ou DVD ROM)</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<div class="chapter-title">
  <div class="chapter-number">2</div>

  <div class="chapter-content">
    <div class="chapter-heading">
      <a class="chapter-logo" href="https://st9ph.fr" target="_blank" rel="noopener">
        <img decoding="async" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-ico-sansTxt.png" alt="Logo St9ph">
      </a>
      <h2>Légalité de la collecte et de l'exploitation des données</h2>
    </div>
    <ul class="chapter-points">
  <li>de la loi de 1978 au RGPD de 2016</li>
  <li>le RGPD sur vos canaux</li>
  </ul>
  </div>
</div>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-d49dc4e0-ddc5-438c-8b41-cc7aaff30657" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#9-21-de-la-loi-de-1978-au-rgpd-de-2016-" style="">🔹2.1 |de la Loi de 1978 au RGPD de 2016</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#10-2-1-1-contexte-de-la-loi-informatique-et-libert%C3%A9-de-1978-" style="">2-1-1 | contexte de la  loi Informatique et Liberté de 1978</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#11-2-1-2-le-rgpd-europ%C3%A9en-%C3%A0-lint%C3%A9rieur-de-la-loi-informatique-et-libert%C3%A9s-" style="">2-1-2 | Le RGPD européen à l'intérieur de la loi Informatique et Libertés</a></li></ul></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/#12-22-le-rgpd-sur-vos-canaux-" style="">🔹2.2 |Le RGPD sur vos canaux</a></li></ul>
			</div>
		</div></div>


<p>🔵⚪🔴 Cela fait toujours rire quand je parle de cela mais savez-vous que <strong>la France est le premier pays au monde à s'être doté d'une loi sur le numérique </strong>?</p>



<h3 class="wp-block-heading" id="9-21-de-la-loi-de-1978-au-rgpd-de-2016-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.1 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>de la Loi de 1978 au RGPD de 2016</strong></h3>



<h4 class="wp-block-heading" id="10-2-1-1-contexte-de-la-loi-informatique-et-libert%C3%A9-de-1978-">2-1-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">contexte de la </mark><img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">loi Informatique et Liberté de 1978</mark></h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="389" height="379" src="https://st9ph.fr/wp-content/uploads/2025/12/image-72.png" alt="" class="wp-image-31616" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-72.png 389w, https://st9ph.fr/wp-content/uploads/2025/12/image-72-300x292.png 300w" sizes="auto, (max-width: 389px) 100vw, 389px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""> <strong>loi Informatique et libertés</strong> du <strong>6 janvier 1978</strong> est <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">la première loi au monde</mark></strong> destinée à régir le Digital !</p>



<p class="callout bleu">Et pour cause : la France a été le premier pays à déployer <strong>à l'échelle d'un pays entier </strong>un <strong>réseau de 💻 terminaux digitaux </strong>(minitels) à destination des particuliers dès <strong>la fin des années 70</strong>.</p>



<p class="has-base-2-background-color has-background">👈🏻Ce réseau <strong>Télétel de France Telecom</strong>, permettait à tous les foyers français <strong>de consulter des serveurs </strong>ou même d'<strong>échanger </strong>entre eux, <strong>via le réseau téléphonique.</strong></p>



<p>🍼 L'ancêtre d'Internet (1983) était né !</p>
</div>
</div>



<p class="has-medium-font-size">🧑🏻‍🏫 Un peu d'histoire pour paraitre cultivé en société :</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="259" height="195" src="https://st9ph.fr/wp-content/uploads/2025/12/image-76.png" alt="" class="wp-image-31633"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">🥇 Le 1er ordinateur personnel (<strong>Personal Computer</strong> ou "<strong>PC</strong>"), qu'on appelle techniquement <strong>un micro-ordinateur </strong>(en opposition aux gros systèmes de la taille de frigos) ne verra le jour qu'<strong>en 1979 chez IBM</strong>.</p>



<p class="callout vert">Les Américains, quand ils voudront vérifier la viabilité de leur développement d'un <strong>réseau grand public</strong> (Internet), communiquant <strong>en RTC</strong> (réseau téléphonique commuté) se baseront sur <strong>le succès du Télétel </strong>pour convaincre les financeurs.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">Il existait déjà un tel réseau depuis le début des années 50 (<strong>L'Arpanet)</strong> mais ils était utilisé uniquement par les militaires, puis les universitaires sur une centaine de gros ordinateurs en tout dans le monde reliés entre eux par <strong>un modem </strong>(modulateur - démodulateur). </p>



<p>Revivez (ou découvrez pour les plus jeunes) <strong>le son inoubliable d'une connexion en RTC</strong> à l'Internet en jouant la vidéo ci-contre. Montez le son, ça vaut le coup ! 😎</p>



<p class="has-small-font-size"><em>source Reddit <a href="https://www.reddit.com/user/Global_Tradition5802/" target="_blank" rel="noreferrer noopener">Global_Tradition5802</a></em></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-video"><video height="360" style="aspect-ratio: 360 / 360;" width="360" controls src="https://st9ph.fr/wp-content/uploads/2025/12/m2-res_360p.mp4"></video></figure>
</div>
</div>



<p class="has-base-2-background-color has-background"><strong>L'arrivée du PC</strong>, puis l'amélioration du débit du modem en dépassant l'analogique RTC (maxi 56 Kb/s) pour utiliser <strong>une bande numérique</strong> dite <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">ADSL</mark></strong> (Asynchronical Digital Sucriber Line jusqu'à 24 Mb/s) , puis l'arrivée de<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> <strong>la fibre </strong></mark><strong>et du<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> GSM</mark></strong> (<strong>bornes aériennes </strong>qui permettent aussi la téléphonie mobile jusqu'au gigabit par seconde pour la fibre) allait tout changer.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="267" height="189" src="https://st9ph.fr/wp-content/uploads/2025/12/image-77.png" alt="" class="wp-image-31635"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="callout rouge">📆 Malgré tout, <strong>ce n'est qu'en 1992 qu'Internet arrive en France</strong> et que dans le début des années 2000 que les foyers français commencent à être équipés massivement de PC puis de téléphones mobiles.</p>



<p><strong>Wanadoo</strong> (devenu orange) fut <strong>le premier FAI</strong> français</p>
</div>
</div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Un FAI  ?' j'ai un doute ? 🫤</summary>
<p><strong>Fournisseur d'Accès Internet</strong> : pour l'instant au nombre de 4 (même si le dernier est un peu en difficultés) : <strong>Orange, Bouygues Telecom, Free et SFR</strong>, seuls a disposer d'une <strong>autorisation de la Haute Autorité</strong> à diffuser de la donnée en France. Si vous êtes chez un autre comme La Poste ou Cdiscount, c'est qu'ils sous-louent une bande passante chez l'un des 4 autres.</p>
</details>



<p>👉🏻 <strong>L'internet</strong> tel que nous le connaissons aujourd'hui est donc <strong>la conjonction de trois choses </strong>: </p>



<ul class="wp-block-list">
<li>le besoin qu'ont eu les militaires américains de <strong>dupliquer leurs données stratégiques </strong>sur des ordinateurs distants durant la guerre froide (peur d'une guerre atomique), </li>



<li><strong>le génie de France Telecom </strong> </li>



<li>l'excellente idée qu'à eu IBM de <strong>produire un ordinateur miniaturisé</strong>.</li>
</ul>



<p>➡️ Donc, avec le réseau télétel, s'est posé le problème de <strong>règlementer cette nouvelle dimension digitale</strong> :</p>



<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-b581d0658902837fbb42f497a062306a">🤔 qu'allait-on permettre et que fallait-il interdire ?</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><a href="https://www.cnil.fr/fr/particulier" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="266" height="148" src="https://st9ph.fr/wp-content/uploads/2025/12/image-73.png" alt="" class="wp-image-31621"/></a></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-contrast-3-background-color has-background">La loi de 1978 instaure une commission : <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">la CNIL</mark></strong>, qui sera chargée de <strong>garantir le respect des libertés individuelles et la protection de la vie privée</strong> (donc, des données personnelles)</p>



<p>👈 Cliquez sur le logo pour <strong>visiter le site </strong>de la CNIL</p>



<p></p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="has-base-2-background-color has-background">ℹ️ A l'époque,<strong>le stockage et le sécurité des données</strong> était surtout une problématique <strong>côté serveurs </strong>(les entreprises et les administrations). <strong>Les particuliers</strong>, eux, ne pouvaient <strong>rien stocker </strong>(les terminaux n'étaient pas pourvus de disques durs).</p>



<p>Ci-contre le site de la SNCF qu'on atteignait par le prompt de connexion <strong>3614 SNCF</strong> 👉🏻</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="463" height="397" src="https://st9ph.fr/wp-content/uploads/2025/12/image-75.png" alt="" class="wp-image-31626" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-75.png 463w, https://st9ph.fr/wp-content/uploads/2025/12/image-75-300x257.png 300w" sizes="auto, (max-width: 463px) 100vw, 463px" /></figure>
</div>
</div>



<p class="callout jaune">La loi posait déjà clairement le cadre de ce qu'était <strong>une donnée personnelle</strong> et l<strong>a notion de consentement</strong>.</p>



<p>➡️  Mais voyons uniquement <strong>les éléments actuels</strong> que le RGPD à renforcés encore, et pour cause, <strong>l'outil informatique à évolué</strong> lui aussi !</p>



<h4 class="wp-block-heading" id="11-2-1-2-le-rgpd-europ%C3%A9en-%C3%A0-lint%C3%A9rieur-de-la-loi-informatique-et-libert%C3%A9s-">2-1-2 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Le RGPD européen à l'intérieur de la loi Informatique et Libertés</mark></h4>



<p>Depuis 1992, la construction de l'Union Européenne implique <strong>une réglementation commune</strong> au sein de tous les pays de l'Union. Les données de la Warehouse sont réglementés par un texte de 2016, <strong>le Règlement Général sur la Protection des Données </strong>(RGPD) - <a href="https://www.cnil.fr/fr/reglement-europeen-protection-donnees" target="_blank" rel="noreferrer noopener">le texte complet</a> (pour les courageux)</p>



<p class="has-base-2-background-color has-background">⚠️ Attention, chaque directive européenne doit être <strong>ratifiée par les parlements nationaux </strong>et le RGPD n'a été ratifié en France qu'en 2018. C'est <strong>sa date de parution au Journal Officiel</strong> de la  <img loading="lazy" decoding="async" width="27" height="12" class="wp-image-33220" style="width: 27px;" src="https://st9ph.fr/wp-content/uploads/2025/01/marianne.jpg" alt=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">République Française </mark>(JOrf) qu'il faut indiquer quand vous vous y référez : <strong>le 25 mai 2018</strong>.</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>Pourquoi faut-il <strong>indiquer la date</strong> quand on cite une loi ?</summary>
<p>C'est parce que c<strong>'est comme cela qu'on peut la retrouver dans le JOrf </strong>!  C'est donc obligatoire de mentionner <strong>la date de promulgation</strong> quand vous citez une loi. Ca n'en fait que deux à retenir pour nous : le <strong>6 janvier 1978 </strong>pour la Loi Informatique et Libertés et <strong>le 25 Mai 2018</strong> pour le RGPD. Mieux que cela : comme le RGPD a été intégré à la loi de 1978, vous pouvez <strong>ne citer que la première.</strong></p>
</details>



<p>👉🏻 Pour faire simple, retenons que <strong>la protection des données personnelles</strong> et le cœur du texte et qu'il r<strong>epose sur 3 étapes</strong> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="505" src="https://st9ph.fr/wp-content/uploads/2025/12/RGPD-1024x505.png" alt="" class="wp-image-31636" srcset="https://st9ph.fr/wp-content/uploads/2025/12/RGPD-1024x505.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/RGPD-300x148.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/RGPD-768x378.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/RGPD-1536x757.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/RGPD-2048x1009.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="callout rouge">🏭 <strong>les données personnelles des personnes morales</strong> (entreprises) ne sont pas soumises à <strong>l’opt-in </strong>(vous pouvez les contacter sans leur demander la permission) et vous pouvez <strong>stocker et diffuser toutes les données</strong> que collectez sur elles (sans les déformer ou les dénigrer).<strong><mark style="background-color:rgba(0, 0, 0, 0);color:#9d2323" class="has-inline-color"> Seul subsiste l'opt-out</mark></strong></p>



<p class="has-base-2-background-color has-background">⚖️ Les <strong>administrations </strong>(Etat, collectivités territoriales, Sécurité Sociale, Justice …) sont évidemment <strong>dispensées d’Opt-In et d’Opt-Ou</strong>t mais elles doivent veiller, elles aussi, à la protection de vos données personnelles.</p>



<p>➡️ Il vous faudra donc :</p>



<ul class="wp-block-list">
<li><strong>demander l'autorisation de collecter </strong>chacune des données personnelles directes ou indirectes (<strong>Opt-In</strong>) dont votre Warehouse aura besoin, </li>



<li><strong>nommer un</strong> délégué à la protection des données (<strong>DPO</strong>) qui sera l'interlocuteur de la CNIL (contrôle) et de vos clients (<strong>droit d'accès</strong>)</li>



<li>indiquer clairement comment faire pour <strong>obtenir la suppressions des données </strong>collectées <strong>(opt-out</strong>).</li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="600" height="351" src="https://st9ph.fr/wp-content/uploads/2025/12/image-78.png" alt="" class="wp-image-31637" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-78.png 600w, https://st9ph.fr/wp-content/uploads/2025/12/image-78-300x176.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
</div>


<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="816" src="https://st9ph.fr/wp-content/uploads/2025/12/data-perso-1024x816.png" alt="" class="wp-image-31638" srcset="https://st9ph.fr/wp-content/uploads/2025/12/data-perso-1024x816.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/data-perso-300x239.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/data-perso-768x612.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/data-perso.png 1110w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<ul class="wp-block-list">
<li>Les données <strong>personnelles directes</strong>  sont celles qui <strong>font partie de votre identité</strong>.</li>
</ul>



<p><em>Ex : Votre nom, votre adresse mail, votre numéro de sécurité sociale ...</em></p>



<ul class="wp-block-list">
<li>Les données <strong>personnelles indirectes</strong> sont celles qui sont communes à plusieurs personnes mais <strong>qu'on peut rattacher à vous</strong></li>
</ul>



<p><em>Ex : Votre pointure (42) si l'achat d'une paire de chaussures figure <strong>dans votre historique de commandes.</strong></em></p>
</div>
</div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/RGPD-SNCF.mp3"></audio><figcaption class="wp-element-caption">extrait SVi ®SNCF</figcaption></figure>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> Ecoutez l'extrait audio ci-dessus. S'agit-il ... ?</p>

  <ul class="qcm-options">
    <li data-correct="false" data-feedback="Non, le consentement préalable à l'enregistrement de l'appel n'est pas ce que l'on entend">de l'opt-in</li>
    <li data-correct="true" data-feedback="Oui, connaitre la liste des informations qui seront collectées fait partie du droit d'accès">du droit d'accès</li>
    <li data-correct="false" data-feedback="Non, le non consentement consisterait à proposer un choix pour que l'appel ne soit pas enregistré et ce n'est pas ce que l'on entend">de l'opt-out</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<h3 class="wp-block-heading" id="12-22-le-rgpd-sur-vos-canaux-" style="font-size:28px">🔹<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">2.2 |</mark></strong><img loading="lazy" decoding="async" width="25" height="30" class="wp-image-34820" style="width: 25px;" src="https://st9ph.fr/wp-content/uploads/2026/02/st9ph-mini.jpg" alt=""><strong>Le RGPD sur vos canaux</strong></h3>



<p>➡️ Il faudra donc <strong>mettre en place des outils </strong>de prévenance, d'accès et de suppression <strong>sur toutes vos plateformes !</strong> Voyons cela en détail :</p>



<h4 class="wp-block-heading" id="13-2-2-1-cookies-et-cgu-dans-vos-vitrines-et-vos-eshops-">2-2-1 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Cookies et CGU dans vos vitrines et vos Eshops</mark></h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="565" height="604" src="https://st9ph.fr/wp-content/uploads/2025/12/image-79.png" alt="" class="wp-image-31639" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-79.png 565w, https://st9ph.fr/wp-content/uploads/2025/12/image-79-281x300.png 281w" sizes="auto, (max-width: 565px) 100vw, 565px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><strong>Chaque visite</strong> sur votre site va provoquer <strong>l'écriture ou l'actualisation d'un cookie.</strong> C'est <strong>un petit fichier texte temporaire </strong>qui mémorise :</p>



<ul class="wp-block-list">
<li>vos <strong>données de navigation</strong> (liens cliqués, niveau de défilement dans les pages et temps passé) </li>



<li><strong>certains choix </strong>(vos préférences de tri, vos personnalisations d'interface, les réponses que vous avez données dans des pop-up ...)</li>
</ul>



<p></p>



<p class="callout vert">✅ Il s'agit clairement de <strong>données personnelles indirectes </strong>soumises au RGPD !</p>



<p class="has-small-font-size">👈🏻 Ci-contre, un aperçu de contenu réel depuis la console d'administration de Chrome</p>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="550" height="175" src="https://st9ph.fr/wp-content/uploads/2025/12/image-80.png" alt="" class="wp-image-31642" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-80.png 550w, https://st9ph.fr/wp-content/uploads/2025/12/image-80-300x95.png 300w" sizes="auto, (max-width: 550px) 100vw, 550px" /></figure>



<p class="has-medium-font-size">➡️ Vous devrez donc <strong>prévenir vos visiteurs </strong>de la collecte des cookies !</p>



<p>❌<mark style="background-color:rgba(0, 0, 0, 0);color:#dc2c2c" class="has-inline-color"> Il est faux de croire que les cookies enregistrent des <strong>données personnelles directes</strong></mark>. En effet :</p>



<ul class="wp-block-list">
<li>Vos <strong>noms d'utilisateurs et mots de passe </strong>sont mémorisés par le 🔑 <strong>gestionnaire de mots de passe de votre navigateur </strong>si vous l'y avez autorisé. <mark style="background-color:rgba(0, 0, 0, 0);color:#bf1f24" class="has-inline-color">C'est une mauvaise idée mais vous faites comme vous voulez</mark><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">.</mark></li>



<li>Idem pour <strong>vos coordonnées bancaires</strong> si vous avez autorisé <strong>votre navigateur ou un site marchand </strong>à les stocker <strong>pour vos futurs achats </strong>(<mark style="background-color:rgba(0, 0, 0, 0);color:#d70f0f" class="has-inline-color">très mauvaise idée mais pareil, vous êtes libre</mark>)</li>



<li>Vos <strong>données de formulaires</strong>. Idem, c'est <strong>votre navigateur</strong> que vous avez autorisé à <strong>vous suggérer des termes pré-enregistrés</strong>.</li>



<li>Si votre choix de <strong>reconnexion automatique à une boutique </strong>en ligne (par exemple) est bien dans un cookie, les <strong>login</strong>, eux, sont aussi dans votre 🔑 <strong>gestionnaire de mots de passe</strong>.</li>
</ul>



<p class="callout vert">✅ Ils faudra que vos <strong>abonnés </strong>(Vitrine) ou <strong>clients </strong>(EShop) <strong>les acceptent</strong> avant de s'abonner ou créer un compte.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="827" height="201" src="https://st9ph.fr/wp-content/uploads/2025/12/image-81.png" alt="" class="wp-image-31644" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-81.png 827w, https://st9ph.fr/wp-content/uploads/2025/12/image-81-300x73.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-81-768x187.png 768w" sizes="auto, (max-width: 827px) 100vw, 827px" /></figure>



<p>👇🏻 Ci dessous, l'exemple des <a href="https://shop.st9ph.fr/presta/fr/content/3-cgu" target="_blank" rel="noreferrer noopener">CGU de la boutique pédagogique.</a> Pensez bien à :</p>



<ul class="wp-block-list">
<li><strong>Lister tout les champs de données personnelles collectés</strong></li>



<li>indiquer <strong>comment joindre le DPO</strong> et exercer son Opt-Out</li>



<li>Lister tous <strong>les outils et moments de collecte </strong>ainsi que <strong>leur portée</strong></li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-group has-contrast-3-background-color has-background"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-4e64cdd8d216e9d6602595d689a51b79">Collecte des données personnelles</p>



<p class="has-small-font-size">En créant un compte sur ce site, vous m'autorisez&nbsp;<strong>à collecter et à stocker votre adresse mail, votre nom et votre prénom</strong>. [...]</p>



<p class="has-small-font-size">Vous pouvez retrouver toutes vos informations personnelles dans l'espace&nbsp;<a href="https://shop.st9ph.fr/presta/fr/mon-compte">mon compte</a>&nbsp;et les modifier à loisir conformément à la loi Informatique Et Libertés du 6 janvier 1978. Utilisez le lien "<a href="https://shop.st9ph.fr/presta/fr/nous-contacter">contactez nous</a>" en choisissant comme sujet "mon compte" pour toutes les questions sur vos données personnelles qui seront transmises à notre DPO.</p>



<p class="has-small-font-size">En vous abonnant à la n<strong>ewsletter,</strong>&nbsp;vous autorisez la boutique st9ph à vous inscrire dans sa liste de diffusion [...]</p>



<p class="has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-577053a020c647635b7f094f44ea417d">Collecte des données comportementales</p>



<p class="has-small-font-size">Vos<strong>&nbsp;données de navigation</strong>&nbsp;sont collectées et analysées afin d'améliorer votre expérience sur la boutique St9ph et vous proposer des produits plus adaptés à vos souhaits. Si vous ne le souhaitez pas, refusez la collecte en cliquant sur "non merci" dans le panneau de consentement qui apparait lors de votre première visite.</p>



<p class="has-small-font-size">Les informations de message que vous avez entrées<strong>&nbsp;dans le Tchat</strong>&nbsp;restent en mémoire pour vous permettre de retrouver vos conversations passées. Nous utilisons aussi ces informations pour améliorer nos outils d'aide et vous apporter des réponses toujours plus pertinentes. Il en est de même pour les messages que vous nous envoyez dans le lien "contactez nous".</p>



<p class="has-small-font-size"><strong>Vos avis</strong>&nbsp;sont modérés avant publication. Tout dénigrement, propos diffament ou grossier est susceptible de ne pas être validé. Les avis conformes sont publiés sous la fiche produit. Seule l'initiale de votre nom sera affichée à côté de votre prénom.</p>
</div></div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Les <strong>CGU</strong> sont facilement accessibles <strong>dans le footer </strong>de la boutique et <strong>dans le Chatbot</strong>, on <strong>guide </strong>même le client <strong>vers son interface</strong> de Selfcare, où il peut exercer <strong>son droit d'accès</strong> en toute autonomie.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="280" height="169" src="https://st9ph.fr/wp-content/uploads/2025/12/image-82.png" alt="" class="wp-image-31646"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="337" height="326" src="https://st9ph.fr/wp-content/uploads/2025/12/image-83.png" alt="" class="wp-image-31647" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-83.png 337w, https://st9ph.fr/wp-content/uploads/2025/12/image-83-300x290.png 300w" sizes="auto, (max-width: 337px) 100vw, 337px" /></figure>
</div>
</div>



<h4 class="wp-block-heading" id="14-2-2-2-l-e-rgpd-dans-votre-crc-">2-2-2 | l<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">e RGPD dans votre CRC</mark></h4>



<p>👉🏻 Il s'agit essentiellement de <strong>vos communications par mail</strong> et de <strong>vos appels téléphoniques</strong>.</p>



<p>➡️<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> Dans vos mails</mark></strong>, paramétrez un footer comme celui-ci :</p>



<div class="wp-block-uagb-image uagb-block-93d14fb3 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none"><figure class="wp-block-uagb-image__figure"><img decoding="async" srcset="https://st9ph.fr/wp-content/uploads/2025/12/footer-1024x365.png ,https://st9ph.fr/wp-content/uploads/2025/12/footer.png 780w, https://st9ph.fr/wp-content/uploads/2025/12/footer.png 360w" sizes="auto, (max-width: 480px) 150px" src="https://st9ph.fr/wp-content/uploads/2025/12/footer-1024x365.png" alt="" class="uag-image-31649" width="1850" height="659" title="footer" loading="lazy" role="img"/></figure></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<p>Les différentes <strong>étapes RGPD</strong> et leur <strong>nécessité</strong> (B2B vs B2C) sont rappelées dans <strong>le tableau ci-contre.</strong>👉🏻</p>



<p class="callout rouge">❌ On ne rappelle pas les <strong>droits d'accès aux B2B </strong>puisqu'ils n'en ont aucun.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="584" height="239" src="https://st9ph.fr/wp-content/uploads/2025/12/image-84.png" alt="" class="wp-image-31650" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-84.png 584w, https://st9ph.fr/wp-content/uploads/2025/12/image-84-300x123.png 300w" sizes="auto, (max-width: 584px) 100vw, 584px" /></figure>



<p class="has-small-font-size">*seul droit en B2B</p>
</div>
</div>



<p>➡️ Pour <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">votre <strong>phoning</strong></mark>, servez vous de votre <strong>Serveur Vocal Interactif</strong> (SVI) pour diffuser les messages RGPD. La collecte de données se fait par le biais de 🎙️ <strong>l'enregistrement de l'appel</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="107" height="140" src="https://st9ph.fr/wp-content/uploads/2025/12/image-169.png" alt="" class="wp-image-35773"/></figure>
</div>


<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2026/01/SVI-St9ph-leadP.mp3"></audio><figcaption class="wp-element-caption">SVI Service Client st9ph</figcaption></figure>



<p class="callout rouge">⏱️ Si vous n'avez pas trouvé après 1mn15, un conseil, revenez au début. 😉</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> Comment propose-t-on l'opt-out sur le SVI st9ph ?</p>

  <ul class="qcm-options">
    <li data-correct="false" data-feedback="Non, ça c'est le droit d'accès">En fin de communication vous pouvez réécouter cet appel en appuyant sur *</li>
    <li data-correct="false" data-feedback="Non, ça c'est l'opt-In">Cet échange sera enregistré, si vous ne le souhaitez pas, appuyez sur #</li>
    <li data-correct="true" data-feedback="oui, il faut appeler ce numéro pour supprimer l'enregistrement de l'appel">Appelez le 68 53</li>
  </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>
</div>
</div>



<p class="has-base-2-background-color has-background">ℹ️ C'est toujours <strong>par le même canal</strong> que vous donnez <strong>les coordonnées de votre DPO</strong> : son mail dans un courriel et son numéro de téléphone en phoning.</p>



<h4 class="wp-block-heading" id="15-2-2-3-le-rgpd-sur-les-r%C3%A9seaux-sociaux-">2-2-3 |<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color"> le RGPD sur les réseaux sociaux</mark></h4>



<p>👉🏻 A moins que vous décidiez un jour de créer votre propre réseau social, <strong>vous n'avez rien à faire</strong> !</p>



<p class="has-base-2-background-color has-background">ℹ️ C'est <strong>aux membres</strong> du réseau social <strong>de</strong> <strong>voir directement avec lui </strong>sa politique de confidentialité. <strong>Vos pages</strong> et <strong>publications</strong>, en tant que commerçant <strong>ne sont qu'un contenu </strong>dont <strong>lui seul doit gérer</strong> le stockage et les données personnelles.</p>



<p>➡️ Pour les membres, il y'a obligatoirement une section du tableau de bord de la gestion du compte qui permet de paramètre la confidentialité.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="879" height="338" src="https://st9ph.fr/wp-content/uploads/2025/12/image-85.png" alt="" class="wp-image-31655" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-85.png 879w, https://st9ph.fr/wp-content/uploads/2025/12/image-85-300x115.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/image-85-768x295.png 768w" sizes="auto, (max-width: 879px) 100vw, 879px" /></figure>



<p>Ici, Linked In</p>



<h4 class="wp-block-heading" id="16-2-2-4-et-dans-la-svp-">2-2-4 | <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-accent-color">Et dans la SVP ?</mark></h4>



<p>👉🏻 Votre <strong>magasin physique</strong> n'échappe pas à la règle. <strong>Cartes de fidélité, scannettes, bornes de commandes </strong>... tous <strong>les outils qui vont générer de la data</strong> sont soumis au RGPD également.</p>



<!-- ===== BLOQ QCM COMPLET AVEC SCORE LOCAL ===== -->
<div class="bloc-qcm">
  <p class="qcm-question">🤔 <strong>Question :</strong> la taille 42 d'une paire de 🥾 chaussures qu'un client vient d'acheter dans votre SVP, c'est une donnée personnelle ?</p>

  <ul class="qcm-options">
    <li data-correct="true" data-feedback="Exact, et il peut vous demander de l'effacer !">Oui, indirecte, on peut la rattacher à notre client dans notre CRM</li>
    <li data-correct="false" data-feedback="Pourtant, si ! on peut la rattacher à notre client dans notre CRM !">Non ! Il ne manquerait plus que ça !</li>
      </ul>

  <p class="qcm-feedback"></p>
  <p class="qcm-local-score"></p>
</div>

<style>
.bloc-qcm {
  border-left: 4px solid #1e73be;
  background: #f5f9ff;
  padding: 16px 18px;
  margin: 24px 0;
  border-radius: 4px;
  font-size: 15px;
}
.qcm-options {
  list-style: none;
  padding: 0;
  margin: 12px 0;
}
.qcm-options li {
  position: relative;
  padding: 10px 12px 10px 42px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.qcm-options li::before {
  content: attr(data-letter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #1e73be;
}
.qcm-options li:hover {
  background: #eef3ff;
}
.qcm-options li.correct {
  background: #e6f4ea;
  border-color: #188038;
}
.qcm-options li.wrong {
  background: #fdecec;
  border-color: #dc2626;
}
.qcm-feedback {
  margin-top: 12px;
  font-weight: bold;
}
.qcm-local-score {
  margin-top: 6px;
  font-weight: bold;
}
</style>

<script>
document.querySelectorAll('.bloc-qcm').forEach(qcm => {
  const options = qcm.querySelectorAll('.qcm-options li');
  const feedback = qcm.querySelector('.qcm-feedback');
  const localScore = qcm.querySelector('.qcm-local-score');

  let answered = false;

  options.forEach((option, index) => {
    option.dataset.letter = String.fromCharCode(65 + index);
  });

  options.forEach(option => {
    option.addEventListener('click', () => {
      if (answered) return;
      answered = true;

      options.forEach(o => o.classList.remove('correct', 'wrong'));

      if (option.dataset.correct === "true") {
        option.classList.add('correct');
      } else {
        option.classList.add('wrong');
      }

      feedback.textContent = option.dataset.feedback;

      let point = option.dataset.correct === "true" ? 1 : 0;
      localScore.textContent = "Tu marques " + point + " point";
    });
  });
});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-style-rounded"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://st9ph.fr/wp-content/uploads/2026/01/info-cli.jpg" alt="" class="wp-image-32383" srcset="https://st9ph.fr/wp-content/uploads/2026/01/info-cli.jpg 1024w, https://st9ph.fr/wp-content/uploads/2026/01/info-cli-300x300.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/info-cli-150x150.jpg 150w, https://st9ph.fr/wp-content/uploads/2026/01/info-cli-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="callout vert">✅ <strong>Globalisez des CGU pour l'ensemble de vos outils </strong>que le client accepte une bonne fois pour toute dès qu'il adhère à l'un d'entre eux.</p>



<p class="has-contrast-3-background-color has-background">➡️ Pour conclure cet article assez conséquent, je l'avoue, retenons que la Warehouse et la <strong>base indispensable à votre flux de data</strong> et que celles-ci sont soumises <strong>à des règles de prévenance et d'accès </strong>dès qu'elles deviennent personnelles.</p>
</div>
</div>



<style>
.alert-oy07v9-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); z-index: 9999; justify-content: center; align-items: center; }
.alert-oy07v9-dialog { background: #fff; width: 90%; max-width: 400px; border-radius: 8px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow: hidden; animation: popInalert-oy07v9 0.2s ease-out; border: 1px solid #ddd; }
@keyframes popInalert-oy07v9 { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.alert-oy07v9-header { padding: 20px 20px 10px 20px; display: flex; align-items: flex-start; }
.alert-oy07v9-icon { font-size: 28px; margin-right: 15px; flex-shrink: 0; line-height: 1; }
.alert-oy07v9-title { font-weight: 600; font-size: 16px; color: #333; margin: 0; line-height: 1.3; }
.alert-oy07v9-body { padding: 0 20px 20px 55px; font-size: 14px; color: #333; line-height: 1.5; }
.alert-oy07v9-footer { border-top: 1px solid #eee; padding: 10px 20px; display: flex; justify-content: flex-end; gap: 10px; background: #f9f9f9; }
.alert-oy07v9-btn { padding: 8px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; border: none; transition: background 0.2s; }
.alert-oy07v9-btn-cancel { background: #e0e0e0; color: #333; } .alert-oy07v9-btn-cancel:hover { background: #d0d0d0; }
.alert-oy07v9-btn-confirm { background: #0066cc; color: white; } .alert-oy07v9-btn-confirm:hover { background: #0052a3; }
.alert-oy07v9-btn-close { background: #2196f3; color: white; width: 100%; } .alert-oy07v9-btn-close:hover { background: #1976d2; }
.alert-oy07v9-trigger { background: #ff9800; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 4px; cursor: pointer; font-family: sans-serif; display: inline-block; margin: 10px 0; } .alert-oy07v9-trigger:hover { background: #e68900; }
</style><!-- DÉBUT ALERTE MODALE (Généré) -->
<div id="alert-oy07v9-overlay" class="alert-oy07v9-overlay">
    <div class="alert-oy07v9-dialog">
        <div class="alert-oy07v9-header">
            <div class="alert-oy07v9-icon" style="color: #ff9800">⚠️</div>
            <div><div class="alert-oy07v9-title">st9ph.fr indique</div></div>
        </div>
        <div class="alert-oy07v9-body">Ce 🎓TP est réservé à mes étudiants. Il vous faudra un 🔒 mot de passe.</div>
        <div class="alert-oy07v9-footer">
                <button class="alert-oy07v9-btn alert-oy07v9-btn-cancel" onclick="document.getElementById('alert-oy07v9-overlay').style.display='none'">Rester ici</button>
                <button class="alert-oy07v9-btn alert-oy07v9-btn-confirm" onclick="if('https://st9ph.fr/%f0%9f%8e%93tp-data-mining/') window.location.href='https://st9ph.fr/%f0%9f%8e%93tp-data-mining/'; else document.getElementById('alert-oy07v9-overlay').style.display='none';">continuer vers le 🎓TP</button>
            </div>
    </div>
</div>
<button onclick="document.getElementById('alert-oy07v9-overlay').style.display='flex'" class="alert-oy07v9-trigger">🎓 Faire le TP</button>
<!-- FIN ALERTE MODALE -->



<script>
document.addEventListener("DOMContentLoaded", function () {

  let scoreTotal = 0;
  let questionsRepondues = 0;

  const blocs = document.querySelectorAll(".bloc-qcm");

  blocs.forEach(qcm => {

    const options = qcm.querySelectorAll(".qcm-options li");
    const feedback = qcm.querySelector(".qcm-feedback");
    let answered = false;

    options.forEach(option => {
      option.addEventListener("click", function () {

        if (answered) return;
        answered = true;

        questionsRepondues++;

        const isCorrect = option.dataset.correct === "true";

        if (isCorrect) {
          scoreTotal++;
          this.classList.add("correct");
        } else {
          this.classList.add("wrong");
        }

        feedback.textContent = option.dataset.feedback +" | Ton score : " + scoreTotal + " / " + questionsRepondues;

        const global = document.getElementById("score-global");
        if (global) {
          global.textContent =
            "Score total : " + scoreTotal + " / " + questionsRepondues;
        }

      });
    });

  });

});
</script>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-data-mining-et-rgpd%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-fbc7293e     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de...				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j'ai commencé ma carrière comme technicien en réseaux informatiques.  J'ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d'Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d'Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/">⏺️Omnicanal | Data Mining et RGPD</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-data-mining-et-rgpd/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/m2-res_360p.mp4" length="706776" type="video/mp4" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/RGPD-SNCF.mp3" length="101280" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_20_55_23_on_January_12th_2026.mp3" length="244512" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/03/celia-gabin-qualif.mp3" length="1021104" type="audio/mpeg" />
<enclosure url="https://st9ph.fr/wp-content/uploads/2026/01/SVI-St9ph-leadP.mp3" length="4931478" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">31560</post-id>	</item>
		<item>
		<title>⏺️Omnicanal &#124; Mapping des Hot Points</title>
		<link>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/</link>
					<comments>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#respond</comments>
		
		<dc:creator><![CDATA[St9ph]]></dc:creator>
		<pubDate>Sat, 20 Dec 2025 19:01:16 +0000</pubDate>
				<category><![CDATA[☝️ Concepts]]></category>
		<category><![CDATA[⏺️ Omnicanal]]></category>
		<category><![CDATA[🌐 public]]></category>
		<category><![CDATA[mapping des points de rencontre marketing]]></category>
		<category><![CDATA[moments de vérités]]></category>
		<category><![CDATA[MOT afnor]]></category>
		<category><![CDATA[points de rencontres]]></category>
		<category><![CDATA[touch points]]></category>
		<guid isPermaLink="false">https://st9ph.fr/?p=31441</guid>

					<description><![CDATA[<p>Il ne suffit pas d’être présent sur les différents canaux qui conduisent à l’achat pour vendre ! Il faut se rendre visible pour votre cible&#160; où elle choisit d’être et quand elle décide d’y venir afin de la convaincre de rebondir vers vos Owned Media et de convertir chez vous plutôt que chez vos concurrents. ... <a title="⏺️Omnicanal &#124; Mapping des Hot Points" class="read-more" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/" aria-label="En savoir plus sur ⏺️Omnicanal &#124; Mapping des Hot Points">Lire la suite</a></p>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/">⏺️Omnicanal | Mapping des Hot Points</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-60e92510"><button class="uagb-notice-close-button" type="button" aria-label="Close"></button><h4 class="uagb-notice-title"><strong>C&#8217;est quoi &#8220;Mapper les Hot Points&#8221; ?</strong></h4><div class="uagb-notice-text">
<p class="has-medium-font-size">les hot points en marketing sont <strong>les points de rencontre</strong> &#8220;chauds&#8221; entre votre enseigne et vos clients ou prospects. Les outils digitaux sont capitaux pour <strong>les tracer et établir des «&nbsp;moments de vérité&nbsp;» </strong>où <strong>les inflexions de comportement</strong> se produisent. Vous pourrez ainsi coordonner vos efforts en suivant ces indicateurs que nous allons &#8220;<strong>Mapper</strong>&#8221; (mettre sur une carte)</p>
</div></div>



<figure class="wp-block-audio"><audio controls src="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_21_03_40_on_January_12th_2026.mp3" autoplay></audio></figure>



<p class="has-base-2-background-color has-background">Il ne suffit pas <strong>d’être présent </strong>sur les différents canaux qui conduisent à l’achat pour vendre ! Il faut <strong>se rendre visible</strong> pour votre cible&nbsp; <strong>où</strong> elle choisit d’être et <strong>quand</strong> elle décide d’y venir afin de la convaincre de rebondir vers vos <strong>Owned Media</strong> et de convertir chez vous plutôt que chez vos concurrents. </p>



<p>👉Et ce ne sera pas fini ! Il faudra être là <strong>au bon moment </strong>quand elle aura besoin de vous dans l’expérience de vos produits et services. </p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="750" height="230" src="https://st9ph.fr/wp-content/uploads/2025/12/image-50.png" alt="" class="wp-image-31444" srcset="https://st9ph.fr/wp-content/uploads/2025/12/image-50.png 750w, https://st9ph.fr/wp-content/uploads/2025/12/image-50-300x92.png 300w" sizes="auto, (max-width: 750px) 100vw, 750px" /></figure>
</div>


<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="has-medium-font-size">Plus vous serez <strong>à la hauteur</strong> dans l&#8217;établissement de vos Hot Points, plus <strong>vous ferez la différence</strong> sur votre marché ou, souvent, vos vendez <strong>des produits et services similaires</strong> à ceux de vos challengers !</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 précisions sur le terme &#8220;<strong>Hot point</strong>&#8221; </summary>
<p>Le Hot Point (point chaud) est <strong>un point de rencontre</strong> (touch point) <strong>que vous avez ciblé </strong>parce qu&#8217;il est plébiscité. <strong>Il attire les lead que vous avez identifiés</strong> et vous allez concentrer votre stratégie ici.</p>
</details>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 <strong>les lead(s) ?</strong></summary>
<p>Prospects chauds, <strong>ceux que vous ciblez </strong>(ça peut être des clients aussi, pas seulement des nouveaux consommateurs chez vous). Selon moi, <strong>ce mot est invariable en anglais</strong> et ne prend donc pas de &#8220;s&#8221; au pluriel mais il y&#8217;a débat. Mes cours d&#8217;anglais commençant à dater, je ne suis plus très sur. Donc, faites comme vous voulez !</p>
</details>
</blockquote>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="alignright size-full is-resized"><img loading="lazy" decoding="async" width="233" height="211" src="https://st9ph.fr/wp-content/uploads/2025/12/IA.png" alt="" class="wp-image-31733" style="width:79px;height:auto"/></figure>
</div>


<p class="has-small-font-size">Part d&#8217;IA /5 dans cet article</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<div class="wp-block-columns has-base-2-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-4ec7fc38-e250-4f25-92e0-99586d41779b">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-4ec7fc38-e250-4f25-92e0-99586d41779b-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">♨️ Sources</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-ffec165c-df60-44fa-9b80-9bae2a095390">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-0"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-1"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-2"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-3"><rect height="150" width="150" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-ffec165c-df60-44fa-9b80-9bae2a095390-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">🖼️ Images</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="gap: 20px; " class="ub-star-rating ub-star-rating-text-top ub-star-rating-align-left wp-block-ub-star-rating-block" id="ub-star-rating-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11">
			<div class="ub-star-outer-container" style="justify-content: flex-start; ">
				<div class="ub-star-inner-container"><div class=""><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-0"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star0" mask="url(#ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-0)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-1"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star1" mask="url(#ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-1)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-2"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star2" mask="url(#ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-2)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-3"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star3" mask="url(#ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-3)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg><svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewbox="0 0 150 150">
			<defs><mask id="ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-4"><rect height="150" width="0" y="0" x="0" fill="#fff"></rect></mask></defs> <path fill="none" stroke-width="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path><path class="star" id="star4" mask="url(#ub_star_rating_filter-2fc6cc05-d7e6-407a-ba66-18cc69ef4e11-4)" fill="#ffb901" strokewidth="2.5" d="m0.75,56.89914l56.02207,0l17.31126,-56.14914l17.31126,56.14914l56.02206,0l-45.32273,34.70168l17.31215,56.14914l-45.32274,-34.70262l-45.32274,34.70262l17.31215,-56.14914l-45.32274,-34.70168z" stroke="#ffb901"></path>
			</svg></div></div>
			</div><div class="ub-review-text" style="text-align: left; ">✒️Contenu</div>
		</div></div>
</div>
</div>
</div>



<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex">
<p>⏱️Temps de lecture :</p>


<div class="wp-elements-2660b74cdd79da9184a09a62f3b8f226 wp-block-post-time-to-read has-text-color has-accent-color">10–15 minutes</div>


<p>|</p>


<div class="wp-block-post-time-to-read">2 356 mots</div>


<p>|</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-f8515b49564e2f8ad2c183e4ed182d7c">🗓️ dernière modification le</p>


<div class="has-link-color wp-block-post-date__modified-date wp-elements-c7e6b51b55b0dff84108436fc6f3823e wp-block-post-date has-text-color has-accent-color"><time datetime="2026-02-23T17:20:49+01:00">23 février  2026</time></div></div>


				<div class="wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-db8e3a83      uagb-toc__collapse--list"
					data-scroll= "1"
					data-offset= "30"
					style=""
				>
				<div class="uagb-toc__wrap">
						<div class="uagb-toc__title">
							Plan de l&#8217;article						</div>
												<div class="uagb-toc__loader"></div>										<div class="uagb-toc__list-wrap uagb-toc__list-hidden">
						<ol class="uagb-toc__list"><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#les-moments-de-vérité" class="uagb-toc-link__trigger">➡️Les moments de vérité</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-le-stimulus" class="uagb-toc-link__trigger">1| Le stimulus</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-le-moment-zéro-zmot" class="uagb-toc-link__trigger">2 | le moment Zéro (ZMOT)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#3-le-1er-moment-de-vérité-fmot-lachat" class="uagb-toc-link__trigger">3 | le 1er moment de vérité (FMOT)- l&#039;achat</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#4-lexpérimentation-smot" class="uagb-toc-link__trigger">4 | L&#039;expérimentation (SMOT)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#5-le-partage-dexpérience-tmot" class="uagb-toc-link__trigger">5 | Le partage d&#039;expérience (TMOT)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#6-le-dernier-moment-de-vérité-lmot" class="uagb-toc-link__trigger">6 | Le dernier moment de vérité (LMOT)</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#7-le-cycle-des-mot" class="uagb-toc-link__trigger">7 | Le cycle des MOT</a></li></ul></li><li class="uagb-toc__list uagb-toc__list--expandable"><span class="list-open" role="button" tabindex="0" aria-expanded="true"></span><a href="#technique-du-mapping" class="uagb-toc-link__trigger">➡️Technique du Mapping</a><ul class="uagb-toc__list"><li class="uagb-toc__list "><a href="#1-cartographie-de-hot-points" class="uagb-toc-link__trigger">1 | Cartographie de Hot Points</a><li class="uagb-toc__list"><li class="uagb-toc__list "><a href="#2-focus-sur-le-phygital" class="uagb-toc-link__trigger">2 | Focus sur le phygital</a></li></ul></li></ul></li><li class="uagb-toc__list "><a href="#conclusion-vers-lépreuve-e5a" class="uagb-toc-link__trigger">➡️Conclusion, vers l&#039;épreuve E5A</a></ul></ul></ol>					</div>
									</div>
				</div>
			


<div class="wp-block-uagb-advanced-heading uagb-block-4bb7bad0" id="0-%E2%9E%A1%EF%B8%8Fles-moments-de-v%C3%A9rit%C3%A9"><h2 class="uagb-heading-text">➡️Les moments de vérité</h2><div class="uagb-separator"></div><p class="uagb-desc-text">Moments Of Thrue (MOT) &#8211; modèle Afnor (norme ISO)</p></div>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-fb00d65e-d900-4441-8e01-ca43b63041ae" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#1-1-le-stimulus" style="">1| Le stimulus</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#2-2-le-moment-z%C3%A9ro-zmot" style="">2 | le moment Zéro (ZMOT)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#3-3-le-1er-moment-de-v%C3%A9rit%C3%A9-fmot-lachat" style="">3 | le 1er moment de vérité (FMOT)- l&#8217;achat</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#4-4-lexp%C3%A9rimentation-smot" style="">4 | L&#8217;expérimentation (SMOT)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#5-5-le-partage-dexp%C3%A9rience-tmot" style="">5 | Le partage d&#8217;expérience (TMOT)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#6-6-le-dernier-moment-de-v%C3%A9rit%C3%A9-lmot" style="">6 | Le dernier moment de vérité (LMOT)</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#7-7-le-cycle-des-mot" style="">7 | Le cycle des MOT</a></li></ul>
			</div>
		</div></div>


<p>Il s’agit ici d’analyser <strong>les comportements d’acquisition</strong> et les comportements des clients <strong>depuis leur engagement dans notre enseigne jusqu’à leur perte</strong>. </p>



<p>👉Le but est de <strong>détecter les signaux </strong>(moments et raisons) qui génèrent <strong>les interactions</strong> afin d’optimiser nos outils et notre politique commerciale dans un objectif de<strong> fidéliser plutôt que reconquérir</strong></p>



<p class="has-base-2-background-color has-background">Nous reprendrons <strong>la norme ISO</strong> pour définir ce modèle car elle est universelle.</p>



<p>ℹ️voir aussi une méthode alternative à celle-ci : le Funnel (pdf)</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="1-1-le-stimulus">1| Le stimulus</h3>



<p>C&#8217;est le moment où le prospect <strong>prend conscience du  besoin </strong>ou de l’envie  <strong>de remplacer ou d’acquérir</strong> un produit ou un service.</p>



<p>Il peut s&#8217;agir :</p>



<ul class="wp-block-list">
<li>d&#8217;une <strong>publicité</strong></li>



<li>d&#8217;une <strong>publication sponsorisée</strong></li>



<li>d&#8217;un <strong>produit associé</strong> sur une fiche produit qui attire son regard et qu&#8217;il réoriente sa consultation</li>



<li>d&#8217;un <strong>live shopping</strong> où un produit qu&#8217;il n&#8217;imaginait pas est présenté &#8230;</li>
</ul>



<p class="has-text-align-center has-base-2-background-color has-background">On est clairement sur l<strong>&#8216;opportunité</strong></p>



<p>🛒Dans <strong>notre illustration &#8220;fil rouge&#8221;</strong>, cette jeune femme que nous appellerons <strong>Julie</strong>, consulte une fiche produit d&#8217;<strong>une robe qui lui a tapé dans l&#8217;œil</strong> dans le bandeau &#8220;nouveautés&#8221; d&#8217;une EShop</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="668" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/stim-668x1024.png" alt="" class="wp-image-31446" srcset="https://st9ph.fr/wp-content/uploads/2025/12/stim-668x1024.png 668w, https://st9ph.fr/wp-content/uploads/2025/12/stim-196x300.png 196w, https://st9ph.fr/wp-content/uploads/2025/12/stim-768x1177.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/stim.png 890w" sizes="auto, (max-width: 668px) 100vw, 668px" /></figure>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="668" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/zmot1-668x1024.png" alt="" class="wp-image-31448" srcset="https://st9ph.fr/wp-content/uploads/2025/12/zmot1-668x1024.png 668w, https://st9ph.fr/wp-content/uploads/2025/12/zmot1-196x300.png 196w, https://st9ph.fr/wp-content/uploads/2025/12/zmot1-768x1177.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/zmot1.png 890w" sizes="auto, (max-width: 668px) 100vw, 668px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="2-2-le-moment-z%C3%A9ro-zmot">2 | le moment Zéro (ZMOT)</h3>



<p>Le &#8220;<strong>Zero Moment Of Thrue</strong>&#8221; dit <strong>ZMOT</strong>, est le moment où <strong>le prospect est curieux </strong>de trouver le produit dont il a besoin ou envie après Le Stimulus.</p>



<p>Il va  :</p>



<ul class="wp-block-list">
<li>Rechercher le produit sur <strong>Google </strong>(<em>Source organique)</em></li>



<li>Consulter les <strong>comparateurs en ligne</strong> pour trouver le meilleur commerçant, lire des avis certifiés pour se faire une idée  (<em>source Afiliate</em>)</li>



<li>Consulter des vidéos de démos, des tutoriels sur des <strong>vitrines de sites marchands </strong>(<em>source Referal</em>)</li>



<li>voir sur <strong>l&#8217;appli de sa market place</strong> préférée si le produit y est vendu, pour éventuellement bénéficier d&#8217;avantages clients (<em>source Direct</em>)</li>
</ul>



<p>ℹ️ <em>En italique,</em> les sources de<strong> linking</strong></p>



<p>🛒 Julie, elle, voit que la robe est <strong>disponible dans une boutique près de chez elle</strong> qu&#8217;elle aime bien. elle a <strong>besoin de la voir, de la toucher et de l&#8217;essayer</strong>  pour être sûre qu&#8217;elle lui plaira toujours une fois sur elle.</p>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>La <strong>phase de curiosité</strong> (ZMOT) peut générer <strong>plusieurs hot points</strong> parce que le consommateur consulte, <strong>compare</strong>, s&#8217;informe sur le produit et les <strong>différentes alternatives</strong> à son besoin.</p>



<div class="wp-block-uagb-counter uagb-block-6f75e503 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="54" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title">Des prospects utilisent <strong>un moteur de recherche</strong> comme source d&#8217;<strong>info principale de préachat</strong> <br>(<em>source PwC 2024</em>)</div></div>



<div class="wp-block-uagb-counter uagb-block-fd59d2b1 wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="82" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title">Consultent au moins <strong>5 contenus d&#8217;une marque</strong> avant d&#8217;<strong>entrer en contact</strong> avec elle pour un achat <br>(<em>source Forrester 2024</em>)</div></div>



<p>🛒 Julie, elle, <strong>se rend dans la boutique </strong>où elle trouve la robe dont elle a envie et <strong>elle l&#8217;essaye</strong>.</p>



<p class="has-base-2-background-color has-background">Elle n&#8217;a eu besoin que des<strong> 3 points de rencontre </strong>dans son ZMOT (<strong>recherche en ligne,</strong> consultation de la Eshop de ce magasin pour <strong>vérifier la dispo </strong>et <strong>visite dans la SVP</strong>. Elle est dans la moyenne des <strong>3 à 5 Touch Points</strong> mesurés par HubSpot en 2024 en <strong>Awareness</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="668" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/zmot2-668x1024.png" alt="" class="wp-image-31453" srcset="https://st9ph.fr/wp-content/uploads/2025/12/zmot2-668x1024.png 668w, https://st9ph.fr/wp-content/uploads/2025/12/zmot2-196x300.png 196w, https://st9ph.fr/wp-content/uploads/2025/12/zmot2-768x1177.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/zmot2.png 890w" sizes="auto, (max-width: 668px) 100vw, 668px" /></figure>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 <strong>Awareness</strong></summary>
<p>Phase de curiosité<strong> en anglais</strong> (le ZMOT). Je le cite parce qu&#8217;il est souvent employé par les marketereurs</p>
</details>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="668" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/FMOT-668x1024.png" alt="" class="wp-image-31455" srcset="https://st9ph.fr/wp-content/uploads/2025/12/FMOT-668x1024.png 668w, https://st9ph.fr/wp-content/uploads/2025/12/FMOT-196x300.png 196w, https://st9ph.fr/wp-content/uploads/2025/12/FMOT-768x1177.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/FMOT.png 896w" sizes="auto, (max-width: 668px) 100vw, 668px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="3-3-le-1er-moment-de-v%C3%A9rit%C3%A9-fmot-lachat">3 | le 1er moment de vérité (FMOT)- l&#8217;achat</h3>



<p class="has-base-2-background-color has-background">C&#8217;est forcément<strong> le plus important</strong> mais si on ne s&#8217;intéresse pas aux <strong>Hot Points qui ont conduits à cette vente</strong>, on passera à côté d&#8217;<strong>un flux qui permettrait d&#8217;établir une cohorte.</strong></p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 <strong>Une cohorte</strong> ?</summary>
<p>C&#8217;est un ensemble de lead qui adoptent le même comportement. Ils consultent les mêmes sites, ont des gouts voisins &#8230;</p>



<p></p>
</details>



<p>Dans le cas de Julie, il faudra s&#8217;intéresser au <strong>maillage de proximité</strong> et <strong>au clic-and-collect </strong>qui semblent correspondre<strong> aux aspirations de son buyer persona</strong> (voir la fiche pdf)</p>
</div>
</div>



<p class="has-base-2-background-color has-background">Le <strong>traçage des hot points </strong>(mapping à voir plus loin) et l&#8217;<strong>observation comportementale des cohortes</strong> sont donc essentiels. La <strong>collecte digitale </strong>va nous y aider.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>🛒 <strong>Julie achète sa robe</strong> après <strong>un dernier selfie</strong> fait dans la cabine d&#8217;essayage. Elle a envoyé la photo à sa <strong>meilleure amie</strong> pour qu&#8217;elle lui donne <strong>son avis </strong>et elle a validé : 👍😍💖</p>



<p class="has-accent-color has-text-color has-link-color wp-elements-83b6210b1ef5ecea6ed236f5d24fb6bf"><strong>Mais ce n&#8217;est pas la fin de l&#8217;histoire</strong> ! Deux choses à garder en tête :</p>



<ul class="wp-block-list">
<li>Le FMOT n&#8217;est que <strong>le début de votre relation </strong>client. <strong>Fidéliser, est essentiel</strong>. Toutes les études s&#8217;accordent à conclure que cela coute <strong>5 fois moins cher</strong> de fidéliser q<em>ue de conquérir</em>.</li>



<li>la <strong>phase d&#8217;expérimentation (</strong>SMOT) puis surtout de<strong> partage d&#8217;expérience</strong> (TMOT) commence pour Julie. Ceux de <strong>sa cohorte</strong> seront <strong>particulièrement sensible à ses témoignages</strong> promoteurs ou détracteurs.</li>
</ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="203" height="282" src="https://st9ph.fr/wp-content/uploads/2025/12/selfie-julie.jpg" alt="" class="wp-image-31473" style="aspect-ratio:0.7199100112485939;width:220px;height:auto"/></figure>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="4-4-lexp%C3%A9rimentation-smot">4 | L&#8217;expérimentation (SMOT)</h3>



<p>Il ne faut pas croire que cette phase sera solitaire. Elle va faire entrer en jeu <strong>votre CRC</strong> :</p>



<ul class="wp-block-list">
<li><strong>Votre SAV</strong> en cas de problème sur la facturation,  dans l&#8217;usage ou dans le fonctionnement (prévoyez <strong>un forum</strong> pour les produits techniques)</li>



<li><strong>Votre FAQ</strong>, si elle est bien construite, évitera <strong>des appels et des mails encombrant</strong>s pour des <strong>interrogations récurrentes</strong></li>



<li>Un <strong>ChatBot </strong>sur votre boutique en ligne et / ou un <strong>Voicebot </strong>sur votre SVI (numéro dédié à l&#8217;information) seront <strong>des sources de réponses </strong>bienvenues elles-aussi.</li>



<li>Des <strong>tutos</strong>, des <strong>vidéos de démo</strong> aideront aussi le consommateur à <strong>appréhender son produit</strong></li>
</ul>



<p>Faites tout pour éviter <strong>le dernier recours </strong>: le <strong>one-to-one téléphonique </strong>ou la <strong>réponse individualisée </strong>que génère un <strong>ticket </strong>ou un <strong>mail</strong></p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 <strong>Un</strong> <strong>ticket</strong> ?</summary>
<p>C&#8217;est un échange généré par <strong>le formulaire de contact </strong>de votre Site. Il est <strong>accessible à tous les opérateurs</strong>, dispose d&#8217;<strong>un statut</strong> (en cours, fermé &#8230;) et surtout d&#8217;<strong>un historique</strong> qui permet <strong>une cohérence et un suivi </strong>en cas de problématique compliquée. <strong>A privilégier au mail</strong> qui ne dispose pas de ses atouts (<strong>risque de contradiction ou d&#8217;oublis</strong>)</p>



<p></p>
</details>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="689" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/SMOT-689x1024.png" alt="" class="wp-image-31460" srcset="https://st9ph.fr/wp-content/uploads/2025/12/SMOT-689x1024.png 689w, https://st9ph.fr/wp-content/uploads/2025/12/SMOT-202x300.png 202w, https://st9ph.fr/wp-content/uploads/2025/12/SMOT-768x1142.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/SMOT.png 924w" sizes="auto, (max-width: 689px) 100vw, 689px" /></figure>
</div>
</div>



<p>🛒 <strong>La robe de Julie</strong> ne provoquera que <strong>peu d&#8217;interactions</strong> : <strong>pas de livraison </strong>à gérer, la taille est bonne puisqu&#8217;<strong>essayée avant l&#8217;achat</strong>, <strong>le paiement</strong> était comptant, le produit d&#8217;<strong>un textile de qualité</strong> ne devrait pas avoir de soucis et ne nécessite <strong>pas de maintenance</strong>. Sa seule obsolescence sera son usure dans le temps.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="712" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/TMOT-712x1024.png" alt="" class="wp-image-31465" srcset="https://st9ph.fr/wp-content/uploads/2025/12/TMOT-712x1024.png 712w, https://st9ph.fr/wp-content/uploads/2025/12/TMOT-209x300.png 209w, https://st9ph.fr/wp-content/uploads/2025/12/TMOT-768x1105.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/TMOT.png 954w" sizes="auto, (max-width: 712px) 100vw, 712px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="5-5-le-partage-dexp%C3%A9rience-tmot">5 | Le partage d&#8217;expérience (TMOT)</h3>



<p>Cette <strong>phase </strong>est <strong>cruciale </strong>car elle <strong>alimente </strong>positivement ou négativement <strong>la levée de doute </strong>de la cohorte des<strong> lead en phase de curiosité</strong>.</p>



<p class="has-base-2-background-color has-background"><strong>Automatisez le recueil d&#8217;avis</strong> post achat (mail, notification &#8230;) pour <strong>aller chercher vos promoteurs</strong>.</p>



<div class="wp-block-uagb-counter uagb-block-5147011a wp-block-uagb-counter--bars"><div class="wp-block-uagb-counter-bars-container"><div class="wp-block-uagb-counter__number"><span class="uagb-counter-block-number" data-duration="1.5" data-to-value="77" data-from-value="0" data-delimiter=","></span><span class="uagb-counter-block-suffix">%</span></div></div><div class="wp-block-uagb-counter__title">des consommateurs lisent <strong>des avis  pour valider leur curiosité</strong>. (Source : <em>Socialinsider 2025</em>)</div></div>



<p>🛒 Julie <strong>partagera </strong>des moments de sa soirée sur <strong>Instagram</strong>. C&#8217;est un espoir pour la boutique de déclencher un stimulus dans <strong>son cercle d&#8217;amis </strong>(s<strong><span style="text-decoration: underline;">O</span></strong>nca<strong><span style="text-decoration: underline;">S</span></strong>)</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>📖 <strong>SONCAS ?</strong></summary>
<p>LE SONCAS est un acronyme pour mémoriser les <strong>6 familles de motivation d&#8217;achat</strong> à utiliser dans vos CTA : Sécurité, <strong>Orgueil, Nouveauté, Confort, Argent et Sympathie.</strong> </p>
</details>
</div>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading" id="6-6-le-dernier-moment-de-v%C3%A9rit%C3%A9-lmot">6 | Le dernier moment de vérité (LMOT)</h3>



<p>Votre client devient<strong> dormant </strong>! Il <strong>ne se manifeste plus </strong>dans <strong>les points de rencontre</strong> qu&#8217;il avait fréquentés :</p>



<ul class="wp-block-list">
<li>Il ne visite plus<strong> vos boutiques</strong></li>



<li>Il ne consulte plus <strong>vos posts et vos vitrines</strong></li>



<li>Il ne réagit plus à <strong>vos mails promotionnels </strong>ni à vos autres sollicitations en 1 to 1</li>
</ul>



<p>Il faut le réveiller !</p>



<ul class="wp-block-list">
<li>Donnez lui <strong>des codes promo </strong>sur les produits qui l&#8217;intéressent chez vous</li>



<li><strong>Rappelez-vous à lui</strong> par mail (calendrier marketing) car, parfois, il vous aura juste oublié. Souhaitez lui son anniversaire par exemple</li>



<li><strong>Anticipez l&#8217;obsolescence</strong> des produits qu&#8217;il a acheté chez vous <strong>en ciblant le moment et les produits similaires </strong>dans vos mails promotionnels.</li>
</ul>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="655" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/LMOT-655x1024.png" alt="" class="wp-image-31468" srcset="https://st9ph.fr/wp-content/uploads/2025/12/LMOT-655x1024.png 655w, https://st9ph.fr/wp-content/uploads/2025/12/LMOT-192x300.png 192w, https://st9ph.fr/wp-content/uploads/2025/12/LMOT-768x1201.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/LMOT.png 890w" sizes="auto, (max-width: 655px) 100vw, 655px" /></figure>
</div>
</div>



<p>🛒 Passés quelques temps, Julie, elle, s&#8217;est juste l<strong>assée de cette robe</strong> qui reste pendue dans son dressing mais qu&#8217;elle choisit de moins en moins. Elle est <strong>opportuniste </strong>et a peut-être trouvé d&#8217;autres boutiques qui ont créé<strong> l&#8217;impulsion d&#8217;achat à votre place </strong>avec une vitrine plus en accord avec <strong>l&#8217;évolution de ses gouts vestimentaires</strong>.</p>



<p>On parle aussi de <strong>CLV</strong> (Costumer LifeTime Value) &#8211; voir ce pdf &#8211; qui permet d&#8217;évaluer<strong> le cycle de vie de la relation clients à vos produits</strong>. Repérez :</p>



<ul class="wp-block-list">
<li>le moment de décroissance de la cohorte sur vos hot points pour <strong>adapter votre argumentaire, vos méthodes, vos media </strong>afin de la conserver</li>



<li><strong>Regardez </strong>ce que fait <strong>la concurrence </strong>pour rester <strong>aussi attractif </strong>qu&#8217;elle (mieux encore, pour passer devant)</li>



<li>Ayez un <strong>panel test </strong>(consommateurs réénumérés) <strong>au sein de la cohorte </strong>qui vous alertera sur<strong> les virages à prendre </strong>avec vos lead.</li>
</ul>



<h3 class="wp-block-heading" id="7-7-le-cycle-des-mot">7 | Le cycle des MOT</h3>



<p>Le cycle de la relation client est donc lié à votre capacité de <strong>maintenir une boucle</strong> (et, donc, de réveiller vos clients dormants) :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="684" src="https://st9ph.fr/wp-content/uploads/2025/12/MOT-schema-1024x684.png" alt="" class="wp-image-31475" srcset="https://st9ph.fr/wp-content/uploads/2025/12/MOT-schema-1024x684.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/MOT-schema-300x200.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/MOT-schema-768x513.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/MOT-schema.png 1115w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-uagb-advanced-heading uagb-block-e4d3c37a" id="8-%E2%9E%A1%EF%B8%8Ftechnique-du-mapping"><h2 class="uagb-heading-text">➡️Technique du Mapping</h2><div class="uagb-separator"></div></div>


<div class="wp-block-ub-table-of-contents-block ub_table-of-contents" id="ub_table-of-contents-e3de986a-f2b0-4336-b107-c21b6f3065dd" data-linktodivider="false" data-showtext="show" data-hidetext="hide" data-scrolltype="auto" data-enablesmoothscroll="false" data-initiallyhideonmobile="false" data-initiallyshow="true"><div class="ub_table-of-contents-header-container" style="">
			<div class="ub_table-of-contents-header" style="text-align: left; ">
				<div class="ub_table-of-contents-title" style=""></div>
				
			</div>
		</div><div class="ub_table-of-contents-extra-container" style="">
			<div class="ub_table-of-contents-container ub_table-of-contents-1-column ">
				<ul style=""><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#9-1-cartographie-de-hot-points" style="">1 | Cartographie de Hot Points</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#10-2-focus-sur-le-phygital-" style="">2 | Focus sur le phygital</a><ul><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#11-2-1-la-carte-de-fid%C3%A9lit%C3%A9-sur-appli-mobile" style="">2-1 | la carte de fidélité sur appli mobile</a></li><li style=""><a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/#12-2-2-le-queue-busting-fluidifier-les-files-dattente" style="">2-2 | le Queue Busting (fluidifier les files d&#8217;attente)</a></li></ul></li></ul>
			</div>
		</div></div>


<p>Le Mapping, à proprement dit, consiste à <strong>cartographier le parcours </strong>qui a conduit un lead jusqu&#8217;à l&#8217;achat.</p>



<p> Sur ce schéma issu de<a href="https://eminence.ch/apprenez-connaitre-les-besoins-de-vos-clients-travers-leur-customer-journey/" target="_blank" rel="noreferrer noopener"> ce site</a>, on retrouve clairement les étapes des MOT comme dans l&#8217;ISO du stimulus au TMOT sauf qu&#8217;ils portent d&#8217;autres noms.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="886" height="260" src="https://st9ph.fr/wp-content/uploads/2025/12/MOTBis.jpg" alt="" class="wp-image-31479" srcset="https://st9ph.fr/wp-content/uploads/2025/12/MOTBis.jpg 886w, https://st9ph.fr/wp-content/uploads/2025/12/MOTBis-300x88.jpg 300w, https://st9ph.fr/wp-content/uploads/2025/12/MOTBis-768x225.jpg 768w" sizes="auto, (max-width: 886px) 100vw, 886px" /></figure>



<h3 class="wp-block-heading" id="9-1-cartographie-de-hot-points">1 | Cartographie de Hot Points</h3>



<p class="has-base-2-background-color has-background">L&#8217;approche que j&#8217;envisage ressemble plus à<strong> une carte (ou un graphique)</strong>. Elle est basée sur <strong>mon expérience en production</strong> est issue <strong>des stratégies de &#8220;grands comptes</strong>&#8221; avec lesquels j&#8217;ai eu le privilège de travailler.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="625" src="https://st9ph.fr/wp-content/uploads/2025/12/mapping-1024x625.png" alt="" class="wp-image-31481" srcset="https://st9ph.fr/wp-content/uploads/2025/12/mapping-1024x625.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/mapping-300x183.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/mapping-768x469.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/mapping-1536x938.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/mapping-2048x1251.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>L&#8217;objectif sera de <strong>définir les hot points </strong>qui ont permis le processus d&#8217;achat. Reprenons<strong> le cas de Julie</strong> :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="625" src="https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-1024x625.png" alt="" class="wp-image-31483" srcset="https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-1024x625.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-300x183.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-768x469.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-1536x938.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/mapJulie-2048x1251.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-base-2-background-color has-background">On peut constater que pour ce cas, <strong>le stock, les horaires adaptés et la possibilité d&#8217;essayer </strong>ont été <strong>les points forts</strong> qui ont conduit à l&#8217;achat et qu&#8217;<strong>aucune démarche de SAV</strong> n&#8217;a été initiée par la cliente.</p>



<p>Mais on peut inclure<strong> tous les acheteurs</strong> <strong>sur un même mapping</strong>, si <strong>le stimulus est le même</strong>, en <strong>multipliant les points</strong> pour tracer <strong>tous les hot points </strong>rencontrés.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="782" src="https://st9ph.fr/wp-content/uploads/2025/12/mapping2-1024x782.png" alt="" class="wp-image-31484" srcset="https://st9ph.fr/wp-content/uploads/2025/12/mapping2-1024x782.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/mapping2-300x229.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/mapping2-768x586.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/mapping2-1536x1173.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/mapping2-2048x1564.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Ici, <strong>les points sont regroupés en un seul,</strong> plus gros en fonction du nombre. Il s&#8217;agit de <strong>l&#8217;observation du taux de conversion en ligne sur le stimulus d&#8217;un post sponsorisé</strong> sur les réseaux sociaux.</p>



<p>On observe :</p>



<ol class="wp-block-list">
<li>le <strong>taux d&#8217;engagement de 9 % </strong>(personne ayant cliqué sur le lien du post)</li>



<li>Seulement <strong>4 des 90</strong> ont <strong>ajouté directement au panier </strong>et <strong>1 seul des 3</strong> ayant souhaité des compléments d&#8217;information ou <strong>comparer chez les concurrents</strong> soit<strong> 0.5 % de taux de conversion</strong> à chaud</li>



<li>la <strong>livraison </strong>n&#8217;a été <strong>conforme qu&#8217;à 75 % </strong>soit un <strong>taux de transformation</strong> final de 0.3 %</li>
</ol>



<p class="has-base-2-background-color has-background">Vous l&#8217;aurez compris, en <strong>cartographiant les Hot points </strong>ainsi, on sait <strong>quel moment</strong>, <strong>quel canal</strong>, <strong>quelle action</strong> ont été efficaces ou ratés <strong>d&#8217;un seul coup d&#8217;œi</strong>l. Il est plus facile de mettre en place des<strong> actions correctives,</strong> de <strong>réorienter sur d&#8217;autres canaux</strong> plus porteurs, de <strong>changer de méthode </strong>ou de <strong>contenu</strong> et éventuellement de <strong>revoir nos circuits</strong> (et prestataires).</p>


<div class="wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-496941bd uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-false uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height     " data-faqtoggle="true" role="tablist"><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-47f98072 " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">Impression, engagement, conversion &#8230; un petit rappel ?</span></div><div class="uagb-faq-content"><p>➡️L<strong>&#8216;impression</strong>, c&#8217;est le nombre de lead qui<strong> atteignent votre point de rencontre </strong>(ils vont dans votre magasin, ils lisent votre publication, ils surfent sur votre eshop) &#8230;<br>➡️<strong>L&#8217;engagement</strong>, c&#8217;est chaque fois qu&#8217;<strong>ils deviennent actifs</strong> (ils likent, ils demandent un conseil, ils écrivent au SAV, ils scannent votre QR Code &#8230;)<br>➡️La <strong>conversion</strong>, c&#8217;est quand <strong>vous obtenez une vente</strong> (mais on parle aussi de conversion pour l&#8217;obtention d&#8217;un RDV si c&#8217;est l&#8217;objectif final de la partie de la campagne que vous gérez)</p></div></div><div class="wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-159eb46d " role="tab" tabindex="0"><div class="uagb-faq-questions-button uagb-faq-questions">			<span class="uagb-icon uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path></svg>
							</span>
						<span class="uagb-icon-active uagb-faq-icon-wrap">
								<svg xmlns="https://www.w3.org/2000/svg" viewBox= "0 0 448 512"><path d="M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z"></path></svg>
							</span>
			<span class="uagb-question">Conversion ou transformation, c&#8217;est pareil ?</span></div><div class="uagb-faq-content"><p>Hé non ! Sinon, ça s&#8217;appellerait &#8220;pareil&#8221; !<br>➡️La <strong>conversion</strong>, c&#8217;est <strong>à chaud.</strong> En VAD, on ne fait donc que de la conversion (<strong>délai de rétractation</strong> de 14 jours, livraison ou paiement différé qui peut mal se passer &#8230; ). <br>➡️La <strong>transformation</strong>, c&#8217;est quand <strong>la vente est finalisée</strong> (produit payé, livré et consommé).</p></div></div></div>


<h3 class="wp-block-heading" id="10-2-focus-sur-le-phygital-">2 | Focus sur le phygital </h3>



<p>En <strong>SVP</strong>, <strong>la collecte </strong>d&#8217;informations numériques <strong>n&#8217;est pas automatique</strong> : il faudra la provoquer. On parle donc de<strong>Phygital </strong>(mariage de physique et de digital) dans une <strong>dynamique globale de Data Mining </strong>(forage de données).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="705" src="https://st9ph.fr/wp-content/uploads/2025/12/questionSVP-1024x705.png" alt="" class="wp-image-31493" srcset="https://st9ph.fr/wp-content/uploads/2025/12/questionSVP-1024x705.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/questionSVP-300x207.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/questionSVP-768x529.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/questionSVP-1536x1058.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/questionSVP.png 1765w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading" id="11-2-1-la-carte-de-fid%C3%A9lit%C3%A9-sur-appli-mobile">2-1 | la carte de fidélité sur appli mobile</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>C&#8217;est <strong>le moyen idéal</strong> de <strong>désanonymiser</strong> vos clients sur votre surface de vente physique.</p>



<p class="has-base-2-background-color has-background">💰Pour les inciter à la montrer<strong> à chaque passage en caisse,</strong> garantissez leur <strong>des avantages </strong>(coupons, cashback &#8230;).</p>



<p>Elle sera forcément <strong>sur appli mobile,</strong> même si cela a un cout, disponible sur l&#8217;<strong>Apple Store</strong> et le <strong>Google Play</strong>. Votre client aura <strong>toujours son mobile avec lui</strong>, ce qui ne sera pas le cas d&#8217;<strong>une carte en carton</strong> à tamponner (qui ne génère d&#8217;ailleurs <strong>aucune donnée numérique</strong>).</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="450" height="450" src="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_www.youtube.com-1.png" alt="" class="wp-image-31497" srcset="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_www.youtube.com-1.png 450w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_www.youtube.com-1-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_www.youtube.com-1-150x150.png 150w" sizes="auto, (max-width: 450px) 100vw, 450px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>Flasher le QR code</strong> ou <strong>cliquez sur le lien </strong>pour voir la vidéo de <strong>présentation de la carte Lidl Plus</strong></p>



<div class="wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__default-btn uagb-block-d4be0769"><div class="uagb-buttons__wrap uagb-buttons-layout-wrap ">
<div class="wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-a2eb68f9 wp-block-button"><div class="uagb-button__wrapper"><a class="uagb-buttons-repeater wp-block-button__link" aria-label="" href="https://youtu.be/qsd-amC6SWw" rel="follow noopener" target="_blank" role="button"><div class="uagb-button__link">la vidéo</div></a></div></div>
</div></div>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="912" src="https://st9ph.fr/wp-content/uploads/2025/12/lidl-1024x912.png" alt="" class="wp-image-31495" srcset="https://st9ph.fr/wp-content/uploads/2025/12/lidl-1024x912.png 1024w, https://st9ph.fr/wp-content/uploads/2025/12/lidl-300x267.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/lidl-768x684.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/lidl-1536x1367.png 1536w, https://st9ph.fr/wp-content/uploads/2025/12/lidl.png 1586w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>L&#8217;exemple de Lidl est intéressant car très complet. La carte permet (non exhaustif) :</p>



<ul class="wp-block-list">
<li>de <strong>stocker vos tickets de caisse </strong>dématérialisées</li>



<li>de produire <strong>vos coupons réduction</strong></li>



<li>de <strong>jouer pour gagner des avantages</strong></li>



<li>De <strong>cumuler du cashback</strong></li>
</ul>
</div>
</div>



<p>L&#8217;application mobile vous permet également <strong>les notifications de Push</strong> avec deux avantages :</p>



<ul class="wp-block-list">
<li>La <strong>détection de proximité </strong>du client qui aura autorisé la localisation permet de les envoyer <strong>au moment opportun</strong></li>



<li><strong>les notifications</strong>, si le client les a autorisées, <strong>ne vous couteront rien</strong> (de plus), contrairement au SMS</li>
</ul>



<h4 class="wp-block-heading" id="12-2-2-le-queue-busting-fluidifier-les-files-dattente">2-2 | le Queue Busting (fluidifier les files d&#8217;attente)</h4>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>Beaucoup de magasins proposent à leur clients <strong>des scanettes </strong>afin de préenregistrer leurs produits. Cela sert surtout à <strong>fluidifier le passage en caisse</strong> mais c’est aussi un moyen inégalable de <strong>tracer le parcours d’achat</strong> dans votre SVP et de l’améliorer.</p>



<p class="has-base-2-background-color has-background"> Certains, comme <strong>la FNAC / DARTY </strong>vont plus loin avec le système «&nbsp;<strong>pay and go&nbsp;</strong>» où le client peut directement <strong>régler les produits qu’il prend en magasin avec son appli mobile </strong>et partir <strong>sans passer par les caisses.</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="404" height="250" src="https://st9ph.fr/wp-content/uploads/2025/12/fnac-go.png" alt="" class="wp-image-31499" srcset="https://st9ph.fr/wp-content/uploads/2025/12/fnac-go.png 404w, https://st9ph.fr/wp-content/uploads/2025/12/fnac-go-300x186.png 300w" sizes="auto, (max-width: 404px) 100vw, 404px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="767" height="1024" src="https://st9ph.fr/wp-content/uploads/2025/12/scanettes-767x1024.png" alt="" class="wp-image-31500" srcset="https://st9ph.fr/wp-content/uploads/2025/12/scanettes-767x1024.png 767w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes-225x300.png 225w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes-768x1026.png 768w, https://st9ph.fr/wp-content/uploads/2025/12/scanettes.png 1115w" sizes="auto, (max-width: 767px) 100vw, 767px" /><figcaption class="wp-element-caption">Scanettes du Carrefour Côté de Nacre </figcaption></figure>
</div>
</div>



<p class="has-base-2-background-color has-background">Les avantages ne sont pas que pour le client qui a<strong>dore se gérer de manière autonome (</strong>selfcare), mais aussi pour le commerçant qui <strong>engrange les données comportementales</strong>.</p>



<p></p>



<div class="wp-block-uagb-advanced-heading uagb-block-054294c7" id="13-%E2%9E%A1%EF%B8%8Fconclusion-vers-l%C3%A9preuve-e5a"><h2 class="uagb-heading-text">➡️Conclusion, vers l&#8217;épreuve E5A</h2><div class="uagb-separator"></div></div>



<p class="has-base-2-background-color has-background">On ne vous donnera pas, je pense, de mapping à étudier dans un des dossiers de l&#8217;épreuve. Malgré cela, ce n&#8217;est pas exclus, et vous aurez surement<strong> des données KPI à analyser</strong> en préconisant des améliorations.</p>



<p>Pour démontrer<strong> les forces et faiblesses d&#8217;une campagne</strong> donnée, <strong>mapper les KPI</strong> sur votre copie pourrait produire un bel effet sur votre correcteur. Ca vous permettra aussi de <strong>mieux voir les répartitions</strong> et<strong> les rebonds </strong>afin de proposer des<strong> mesures correctives</strong>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div style="background-color: #f8f8f8; border-width: 2px; border-color: #ECECEC; " class="ub_call_to_action wp-block-ub-call-to-action-block" id="ub_call_to_action_e37b9ce3-29a5-4baa-98e9-65f50318f87e">
			<div class="ub_call_to_action_headline">
				<p class="ub_call_to_action_headline_text" style="font-size: 30px; text-align: center; ">🍀</p>
			</div>
			<div class="ub_call_to_action_content">
				<p class="ub_cta_content_text" style="font-size: 15px; text-align: center; ">Un petit Quiz pour finir ?</p>
			</div>
			<div class="ub_call_to_action_button">
				<a href="https://forms.gle/4qSRZibXctFErP3t9" target="_self" rel="noopener noreferrer" class="ub_cta_button" style="background-color: var(--accent); width: 250px; ">
					<p class="ub_cta_button_text" style="color: var(--base-3); font-size: 14px; ">Allez ! Soyons fous !</p>
				</a>
			</div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center has-accent-color has-text-color has-link-color has-medium-font-size wp-elements-6005cf48bff9fae1ed7a3fbdac7d8ac9"><strong>Tu préfères sur ton smartphone ?</strong></p>



<p class="has-text-align-center"><strong>Libre à toi :</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="490" height="490" src="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-7.png" alt="" class="wp-image-32801" style="width:195px;height:auto" srcset="https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-7.png 490w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-7-300x300.png 300w, https://st9ph.fr/wp-content/uploads/2025/12/qrcode_docs.google.com-7-150x150.png 150w" sizes="auto, (max-width: 490px) 100vw, 490px" /></figure>
</div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">

<div class="wp-block-ub-social-share" id="ub-social-share-34cb1b13-3295-452f-ad1e-918dc902bc11">
			<div class="social-share-icons align-icons-center orientation-icons-row"><a aria-label="linkedin-logo" target="_blank" rel="nofollow" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fst9ph.fr%2F%25e2%258f%25ba%25ef%25b8%258fomnicanal-mapping-des-hot-points%2F" class="ub-social-share-linkedin-container" style="border-color: #2867b2; ">
				<span class="social-share-icon ub-social-share-linkedin square" style="width: 30px; height: 30px; "><svg xmlns="http://www.w3.org/2000/svg" style="fill:#ffffff" fill="#ffffff" width="20" height="20" viewbox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"></path></svg></span><span style="">partager</span>
			</a></div>
		</div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="has-text-align-center"><strong>donnez votre avis</strong> (star ranking) en bas de cette page</p>



<p class="has-text-align-center has-large-font-size">⬇️</p>



<p></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-jetpack-repeat-visitor"></div></div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="yoast-breadcrumbs"><span><span><a href="https://st9ph.fr/">Accueil</a></span> » <span><a href="https://st9ph.fr/category/concepts/">☝️ Concepts</a></span> » <span class="breadcrumb_last" aria-current="page">⏺️ Omnicanal</span></span></div></div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%"></div>
</div>



			<div class="wp-block-uagb-post-grid uagb-post-grid  uagb-post__image-position-top uagb-post__image-enabled uagb-block-fbc7293e     uagb-post__items uagb-post__columns-3 is-grid uagb-post__columns-tablet-2 uagb-post__columns-mobile-1 uagb-post__equal-height" data-total="3" style="">

												<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="280" src="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops.jpg 916w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-300x93.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/04/iimgEA-shops-768x239.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Donner des sens au digital</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-05-04T14:12:54+02:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					4 mai 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>🎧 Ecouter l&#8217;introduction audio Ce n&#8217;est pas pour rien que même les pure players finissent&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-donner-des-sens-au-digital/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="643" height="165" src="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/02/celi-avant.jpg 643w, https://st9ph.fr/wp-content/uploads/2026/02/celi-avant-300x77.jpg 300w" sizes="auto, (max-width: 643px) 100vw, 643px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | La communication en service client &amp; son management</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-02-09T15:14:06+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					9 février 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Un commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>L&#8217;importance de communiquer A toutes les étapes de son parcours client, votre interlocuteur recevra des&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/com-en-service-client-et-son-management/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="900" height="381" src="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1024x434.png 1024w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-300x127.png 300w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-768x326.png 768w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s-1536x652.png 1536w, https://st9ph.fr/wp-content/uploads/2026/01/Gemini_Generated_Image_zd5sdwzd5sdwzd5s.png 1584w" sizes="auto, (max-width: 900px) 100vw, 900px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | UX Mobile</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-30T13:51:57+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					30 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi &#8220;l&#8217;UX Mobile&#8221; ? UX pour User eXperience. L’expérience utilisateur en mobilité, c’est la&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-ux-mobile/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="720" height="211" src="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/e5a-img.jpg 720w, https://st9ph.fr/wp-content/uploads/2026/01/e5a-img-300x88.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">☝️L&#8217;épreuve E5 A (écrit) du BTS NDRC</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-11T21:23:50+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					11 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>⏱️ 3 heures | ✅coef2 /40 pts 👍 A ce jour, tous mes étudiants ont&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%98%9d%ef%b8%8flepreuve-e5-a-ecrit-du-bts-ndrc/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="758" height="158" src="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande.jpg 758w, https://st9ph.fr/wp-content/uploads/2026/01/satcli-bande-300x63.jpg 300w" sizes="auto, (max-width: 758px) 100vw, 758px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">🏷️Animation RC | la Satisfaction Client</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-10T14:12:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					10 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi la satisfaction client ? On parle aussi de &#8220;Customer Care&#8221;. C&#8217;est le fait&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%f0%9f%8f%b7%ef%b8%8fanimation-rc-la-satisfaction-client/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
																<article class="uagb-post__inner-wrap">								<div class='uagb-post__image'>
									<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer" class='uagb-image-ratio-inherit'><img loading="lazy" decoding="async" width="798" height="185" src="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg" class="attachment-large size-large" alt="" srcset="https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116.jpg 798w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-300x70.jpg 300w, https://st9ph.fr/wp-content/uploads/2026/01/Capture-decran-2026-01-08-220116-768x178.jpg 768w" sizes="auto, (max-width: 798px) 100vw, 798px" />					</a>
							</div>
						<h4 class="uagb-post__title uagb-post__text">
				<a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">⏺️Omnicanal | Search Engine Marketing</a>
			</h4>
						<div class='uagb-post__text uagb-post-grid-byline'>
								<time datetime="2026-01-08T21:56:41+01:00" class="uagb-post__date">
				<span class="dashicons-calendar dashicons"></span>					8 janvier 2026				</time>
							<span class="uagb-post__comment">
				<span class="dashicons-admin-comments dashicons"></span>					Aucun commentaire				</span>
						</div>
							<div class='uagb-post__text uagb-post__excerpt'>
					<p>C&#8217;est quoi le &#8220;Search Engine Marketing&#8221; ? Le Search Engine Marketing (SEM) est l&#8217;addition de&#8230;				</div>
						<div class="uagb-post__text uagb-post__cta wp-block-button">
				<a class="wp-block-button__link uagb-text-link" style="" href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-search-engine-marketing/" target="_self" rel="bookmark noopener noreferrer">Lire la suite</a>
			</div>
			
									</article>
											</div>
			


<div class="wp-block-uagb-team uagb-team__image-position-left uagb-team__align-left uagb-team__stack-tablet uagb-block-5002ab42"><img decoding="async" class="uagb-team__image-crop-circle" src="https://st9ph.fr/wp-content/uploads/2022/01/steph-150x150.png" alt="" height="100" width="100" loading="lazy"/><div class="uagb-team__content"><h4 class="uagb-team__title">St9ph</h4><span class="uagb-team__prefix">Webmaster</span><p class="uagb-team__desc">Je suis Formateur depuis 1997 et j&#8217;ai commencé ma carrière comme technicien en réseaux informatiques.  J&#8217;ai travaillé pour de grands organismes de formation : Greta, AFPA, réseau des CCI, des écoles de commerces réputées : EM Normandie, E2SE, groupes FIM et ICEP, et collaboré en Centre d&#8217;Appels chez Webhelp pendant 12 ans avec des grands comptes FAI comme Orange, Bouygues Telecom et SFR, des assureurs et des fournisseurs d&#8217;Energie comme Direct Energie (devenu Total) et EDF (devenu Engie) !</p><ul class="uagb-team__social-list"><li class="uagb-team__social-icon"><a href="https://www.facebook.com/profile.php?id=100076192144163" aria-label="facebook" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path></svg></a></li><li class="uagb-team__social-icon"><a href="https://www.linkedin.com/company/st9ph/" aria-label="linkedin" target="_blank" title="" rel="noopener noreferrer"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a></li></ul></div></div>
<p>L’article <a href="https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/">⏺️Omnicanal | Mapping des Hot Points</a> est apparu en premier sur <a href="https://st9ph.fr">st9ph.fr</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://st9ph.fr/%e2%8f%ba%ef%b8%8fomnicanal-mapping-des-hot-points/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://st9ph.fr/wp-content/uploads/2025/12/voicertool_audio_Eloise_12-01-2026_at_21_03_40_on_January_12th_2026.mp3" length="315648" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">31441</post-id>	</item>
	</channel>
</rss>
