# Configurer l'authentification unique pour un microsite impact.com via JWT

Le microsite de votre programme Advocate nécessite généralement que vos défenseurs clients s'inscrivent avec un nom d'utilisateur et un mot de passe avant de pouvoir accéder à leurs liens de partage et aux détails des récompenses. Cependant, en alternative avancée, vous pouvez authentifier les utilisateurs en générant un [JSON Web Token (JWT)](https://en.wikipedia.org/wiki/JSON_Web_Token) côté serveur et en le passant au microsite via un paramètre d'URL.

Avec cette méthode, les participants n'auront pas de identifiants de connexion pour le microsite. À la place, ils accèdent au microsite en se connectant à votre portail client existant, qui les redirige ensuite vers le microsite en utilisant le JWT pour les identifier et afficher leur contenu personnalisé.

#### Avant de commencer

{% hint style="warning" %}
**Important :** Ceci est une implémentation avancée qui contourne le service d'identité géré standard pour le microsite et nécessite le soutien de votre équipe de développement pour la mise en place.
{% endhint %}

Vous ne devez utiliser cette méthode que si toutes les conditions suivantes sont remplies :

* Vous souhaitez simuler une expérience de connexion unique (SSO) en connectant automatiquement les participants au microsite de votre programme.
* Vous pouvez générer des JWT côté serveur.
* Vous ne pouvez pas ou ne souhaitez pas installer le [Tag de Suivi Universel (UTT)](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt) sur votre site.

{% stepper %}
{% step %}

### Étape 1 : Créez un microsite sans identité gérée

Lorsque vous créez votre microsite, vous devrez désactiver le service d'identité gérée, puis définir toutes vos pages comme accessibles aux utilisateurs « non vérifiés ». Le *Tableau de bord* la page utilisera le JWT pour authentifier l'utilisateur et charger le microsite.

<details>

<summary>Créer le microsite</summary>

Tout d'abord, ajustez les paramètres pour désactiver le *Connexion des participants* option.

1. Dans le menu de navigation de gauche, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fh35M3mMIl7XP42pqh7Ls%2Fimage.png?alt=media\&token=bf6b6ba2-295c-4cdb-8c77-f171416c13e1) **\[Engage]** **→ Contenu**.
2. Sur le *Microsite* carte, sélectionnez **Modifier les paramètres**.
3. Vous serez alors redirigé vers votre nouveau *Paramètres du Microsite* page.
4. Dans le *Connexion* section, ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2c3a3c392d640f7b79d44c16f21c2c4f0ec3dcca%2F80381ca112cfb2757e97b8669cc0b5c98c8ce8d60ed9e3048b4a86a52e76719f.svg?alt=media) **\[Désactiver]** **Connexion des participants**.
5. Sélectionner **Enregistrer les paramètres**.

</details>

<details>

<summary>Configurer la page du tableau de bord</summary>

Ensuite, configurez le *Tableau de bord* page de votre microsite pour qu'elle soit visible par les utilisateurs non vérifiés. Ensuite, connectez les composants de la page à votre programme de parrainage afin que les bonnes informations s'affichent.

1. Ajustez le *Tableau de bord* paramètres de la page.
   * Dans le menu de navigation de gauche, sélectionnez ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F8AYI7cAhXQWYRoQlKHte%2Fimage.png?alt=media\&token=d2b5a01e-c7b4-4a71-a6a0-0cea5a4b7ac4) **\[Engage]** **→ Contenu** → **Configurer le contenu** ou **Modifier le contenu**.
   * Depuis le *Microsite* onglet, sélectionnez **Tableau de bord** dans le *Disposition connecté(e)* section.
   * Sélectionner ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c746d936c908b9090325464502f7c10acda0e993%2F2a92939e8e78dd7e0c0416b1a250d5ef1d7ab0dec966fb5ed320ca62acfc06c5.svg?alt=media) **\[Menu] → Paramètres**.
   * Depuis le *Utilisateurs autorisés* liste déroulante, sélectionnez **Non vérifié**.
2. Ajoutez votre ID de programme aux composants sur le *Tableau de bord*.
   * Statistiques utilisateur — Vous devez ajouter l'ID à chaque statistique utilisateur individuelle que vous choisissez d'afficher.
   * Lien de partage
   * Code de parrainage
   * Boutons de réseaux sociaux — Vous devez ajouter l'ID à chaque bouton de partage sur les réseaux sociaux que vous choisissez d'inclure.
3. En haut à droite, sélectionnez **Enregistrer**.

   <div data-with-frame="true"><figure><img src="https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7314ab2d13689a218d7b2ab0ff0ae784aecc169d%2Fe489a23c2242c41439531bebcaa74a7caac8de79b22b4e423c11194933156962.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>

Pour obtenir de l'aide sur l'utilisation de l'éditeur afin de trouver et d'ajuster les paramètres de votre page et de vos composants, référez-vous à [Explication de l'éditeur de microsite](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsite-editor-explained) et [Personnaliser les mises en page et pages du microsite](https://help.impact.com/brand/fr/que-souhaitez-vous-apprendre/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).

</details>

<details>

<summary>Supprimer les pages inutiles</summary>

Supprimez la mise en page et les pages que votre microsite n'utilisera pas.

1. Placez le curseur sur la page ou la mise en page.
2. Sélectionner ![](https://57104473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8ec3e877b1397045c61d394485e72ac4d93120ee%2Fc6ddb46c637059f06e86c790a911217a9428f5c47b5efef046f90555e85b03cd.svg?alt=media) **\[Plus]** **→ Supprimer**.
3. Supprimer le *Disposition connecté(e)*.
4. Supprimez les pages suivantes :
   * Modifier le profil
   * Vérification de l'e-mail
   * Mot de passe oublié
   * Connexion
   * Se déconnecter
   * S'inscrire
   * Réinitialiser le mot de passe
   * Vérifier l'e-mail

</details>
{% endstep %}

{% step %}

### Étape 2 : Générer le JWT

La structure du JWT suit les exigences standard d'Advocate pour l'authentification des utilisateurs. Si vous avez déjà intégré Advocate, vous générez probablement déjà des jetons similaires pour UTT.

Vous devez générer le JWT de manière sécurisée sur votre serveur ou tout système backend de confiance — jamais dans le navigateur.

Apprenez comment [générer un JWT et les exigences de la charge utile](https://integrations.impact.com/impact-brand/docs/json-web-tokens).
{% endstep %}

{% step %}

### Étape 3 : Ajouter le JWT à l'URL du microsite

Une fois que l'utilisateur est connecté à votre plateforme, redirigez-le vers le microsite avec le JWT inclus dans la chaîne de requête de l'URL.

{% hint style="info" %}
**Exemple :** `https://your-microsite.squatch.app/?jwt=<YOUR_GENERATED_JWT>`
{% endhint %}

Vous pouvez soit ouvrir le microsite dans un nouvel onglet du navigateur, soit l'intégrer dans votre application à l'aide d'un iframe. Si vous décidez d'intégrer le microsite, assurez-vous de gérer [le partage de ressources entre origines (CORS)](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing) et les restrictions du navigateur de manière appropriée.
{% endstep %}
{% endstepper %}

#### Remarques

* Si vous utilisez cette méthode d'authentification, les utilisateurs n'auront pas d'identifiants de connexion pour le microsite.
* L'accès basé sur JWT doit être strictement contrôlé. Ne l'exposez pas et ne le manipulez pas dans du JavaScript côté client.
* Il s'agit d'une approche non standard — testez-la soigneusement dans votre environnement de préproduction avant de déployer votre programme.
* Si vous avez besoin [d'assistance](mailto:saasquatch-support@impact.com), incluez l'URL de votre microsite, les détails de l'implémentation et un exemple de charge utile JWT dans votre demande d'assistance.
