Comment lire ce catalogue

Chaque composant « porte les règles de sa nature ». On met un composant en conformité une seule fois ; il porte ensuite ses règles ; un rédacteur le pose sans relire les conventions. 1 composant conforme = N pages conformes.

  • 🧩 Nature : monétisation, comparateur/tableau, données/outil, éditorial/DS ;
  • 📜 Règles LB-* : les codes transverses définis dans la loi maison ;
  • ✅ Statut : le verdict d'audit, tenu dans data/compliance-component-verdicts.json.

Cluster monétisation / CTA

<x-cta.operator>

Carte de monétisation opérateur (Couche 3, « le duo »). Logo + titre + accroche + ligne de confiance ; délègue son bouton au primitif <x-cta.phone-button>. Règles : LB-NUM · LB-HOURS · LB-CC · LB-AFFI · LB-FR.

Logo Orange

Souscrire une Livebox Orange par téléphone Un conseiller Selectra teste votre éligibilité fibre et finalise la souscription en un appel.

Service gratuit Selectra, partenaire de Orange
Logo Orange

Comparer les offres Livebox par téléphone

Fibre ou ADSL : un conseiller Selectra vous oriente vers l'offre adaptée à votre logement.

<x-cta.operator provider="orange"
    openTitle="..." openSub="..." />                        
<x-cta.operator provider="orange" layout="banner"
    openTitle="..." openSub="..." />                        
<x-cta.operator provider="sosh" product="mobile" role="closing"
    openHref="/selection/sosh/mobile" closedHref="/selection/sosh/mobile" />

<x-cta.generic>

Carte de monétisation transverse / multi-opérateur (logo Selectra, pas de ligne partenaire opérateur). À utiliser dès que le copy est multi-opérateur ou « après {X} ». Règles : LB-NUM · LB-HOURS · LB-AFFI · LB-FR · LB-LINK.

Logo Selectra

Comparer Orange, Sosh ou Nordnet par téléphone Un conseiller Selectra compare les offres des trois opérateurs et vous oriente vers la meilleure. 

<x-cta.generic
    openTitle="Comparer Orange, Sosh ou Nordnet par téléphone"
    openSub="..." />
<x-cta.generic layout="banner" role="closing" openTitle="..." openSub="..." />

<x-cta.phone-button>

Le primitif : le seul composant qui rend les boutons de monétisation. Décision (numéro, lien tracké, matrice §0) déléguée au cerveau monetisation.php. Règles : LB-NUM · LB-HOURS · LB-CC.

09 87 67 36 35 
<x-cta.phone-button provider="orange" :toggle="true" />   
<x-cta.phone-button provider="orange" style="link" />     
<x-cta.phone-button provider="sosh" variant="affi"
    openHref="/selection/sosh/mobile" />

<x-sticky-footer>

Barre collante mobile (path-aware : sosh / nordnet / orange), numéro + lead résolus par le cerveau. Code seul (composant fixed mobile-only, non rendu ici). Règles : LB-NUM · LB-CC. 

<x-sticky-footer />

Registre complet des composants

Composants site-owned livebox : nature, règles LB-* portées, statut d'audit
Composant Nature Règles LB-* Statut
cta/operatorMonétisation (carte)NUM · HOURS · CC · AFFI · FRà auditer
cta/genericMonétisation (carte)NUM · HOURS · AFFI · FRà auditer
cta/phone-buttonMonétisation (primitif)NUM · HOURS · CCà auditer
cta/souscrireMonétisation (affi)AFFI · CCà auditer
cta/rectangle-vertMonétisation (encart)NUM · AFFIà auditer
phone-ctaMonétisation (bouton)NUM · HOURSà auditer
sticky-footerMonétisation (sticky)NUM · CCà auditer
callback-modalMonétisation (formulaire)RGPD (base)à auditer
comparateur-hubComparateur/tableauDATA · RANK · TABLE · EUROà auditer
comparateur-converterComparateur/outilDATA · LEAKà auditer
tv-orange-chainesComparateur/tableauDATA · TABLE · EMOJIà auditer
key-figuresComparateur/éditorialDATA · FRà auditer
eligibility-widgetDonnées/outilLEAKà auditer
amazon-accessoireDonnées/affiAFFI · DATAà auditer
calloutÉditorial/DSFR · EMOJIà auditer
pros-consÉditorial/DSFR · EMOJIà auditer
checklistÉditorial/DSFRà auditer
text-boxÉditorial/DSFR · LINKà auditer
essentiel-blockÉditorial/DSFR · LINKà auditer
info-cardÉditorial/DSFRà auditer
demarche-cardÉditorial/DSFR · LINKà auditer
stepper/*Éditorial/DSFRà auditer
author-cardÉditorial/E-E-A-Tauthor/reviewerà auditer
related-articlesÉditorial/maillageLINK (0 concurrent)à auditer
article-schemaÉditorial/SEOschema.orgà auditer
media/youtubeMédia/DSfacade nocookie · CSPà auditer

Registre tenu dans data/compliance-component-verdicts.json : statut mis à jour à chaque audit. Composants partenaires partagés departments/** = hors périmètre (signalés, jamais modifiés).

Les 12 règles transverses LB-*

  • LB-NUM : numéro / leadsource / /selection via le cerveau, jamais en dur (n° Pro interdit) ;
  • LB-HOURS : horaires call-center = source unique config('cms.monetisation.hours') ;
  • LB-CC : périmètre call-center §0 (Sosh mobile / Nordnet mobile non vendus par tél ; aucun affi nordnet.com) ;
  • LB-LEAK : aucun jargon technique serveur en texte visible ;
  • LB-DATA : données d'offre via le comparateur ou l'officiel opérateur, jamais un concurrent ;
  • LB-EMOJI : émoji fonctionnel + texte, jamais nu en cellule ni dans un H1 ;
  • LB-TABLE : tableau fermé (bordure sur le wrapper), légende tbl-note hors table ;
  • LB-RANK : tri explicite + « Sélection non exhaustive » + date + méthodologie (L111-7) ;
  • LB-SCORE : Selectra Score via asset officiel + lien méthodologie ;
  • LB-EURO : 24,99 € avec &nbsp; et 2 décimales (inverse de jechange) ;
  • LB-FR : typo FR (&nbsp; avant : ; ? ! et nombre+unité), aucun tiret cadratin ni double point ;
  • LB-AFFI : /selection/ + rel="sponsored", aucun effiliation legacy ni CTA custom ;
  • LB-LINK : maillage interne, 0 lien concurrent, 1 URL = 1 lien, rien dans le lead ni les CTA.