Ajoutez des avis Google en direct ou des vidéos YouTube à Odoo

Déposez un bloc de code d'intégration sur n'importe quelle page du site Web Odoo, collez le snippet TileSet et enregistrez, et la page affiche les avis Google en direct ou les vidéos YouTube.

Le constructeur de sites Web d'Odoo dispose d'un bloc Code d'intégration, donc TileSet n'a besoin d'aucune application, d'aucun Studio et d'aucun mode développeur. Nous avons testé ces étapes sur Odoo 20. Le bloc Code d'intégration fait partie de l'application Web standard, il s'applique donc sur Odoo Online, Odoo.sh et votre propre serveur.

Ajoutez-le à une page

1. Dans TileSet, créez votre widget et copiez le snippet : une balise de script et un div.
2. Dans Odoo, ouvrez la page de votre site Web et cliquez sur « Edit » (Modifier).
3. Dans l'onglet « Blocks » (Blocs), sous Contenu intérieur, faites glisser Code d'intégration là où le flux doit aller. Il va à l'intérieur d'une section, donc sur une page vide, déposez d'abord une section (comme un bloc de texte).
4. Avec le bloc sélectionné, ouvrez l'onglet Style et cliquez sur « Edit » à côté de Code. Remplacez l'exemple par votre snippet et cliquez sur « Save » (Enregistrer) dans cette fenêtre.
5. Cliquez sur « Save » en haut de l'éditeur. Le flux apparaît sur la page.

Avant cette première sauvegarde, le bloc semble vide, car Odoo n'exécute pas de scripts dans un bloc de code d'intégration pendant que vous l'éditez. Une fois la page enregistrée, le widget s'affiche également dans l'éditeur.

Plusieurs flux, ou le site entier

Placez la balise de script une seule fois pour l'ensemble du site web : dans l'éditeur, ouvrez l'onglet « Theme » (Thème), trouvez Injection de code et cliquez sur <head> et </body>. Collez la balise de script dans la deuxième boîte, le code ajouté avant </body>, et enregistrez. Chaque bloc de code intégré n'a alors besoin que du div.

L'injection de code appartient à un seul site web. Si votre base de données gère plusieurs sites web, basculez vers chacun d'eux dans la barre supérieure et ajoutez également le script là-bas.

Pages produits et articles de blog

• Un article de blog : déposez le code intégré dans le texte de l'article, comme sur une page.
• Un produit : déposez-le dans la zone de description de ce produit, qui se trouve sous Ajouter au panier dans la mise en page par défaut. Seuls les administrateurs peuvent y placer un bloc de code intégré ; pour les autres éditeurs de sites web, Odoo nettoie ce champ de code et grisonne le bloc. Demandez à un administrateur, ou utilisez l'option suivante.
• Tous les produits : déposez-le dans la zone marquée « Faites glisser des blocs ici pour les ajouter à tous les produits ». Un mur d'avis Google y affiché apparaît sur chaque page produit.

Vérifiez que ça fonctionne

Ouvrez la page publiée dans une fenêtre privée, pour voir ce qu'un visiteur voit. Ou laissez TileSet regarder : collez l'adresse de la page dans « Check my page » (Vérifier ma page) sur l'onglet « Install » (Installer) du widget, ou demandez à votre agent IA d'effectuer la même vérification. Odoo écrit le bloc de code intégré et l'injection de code dans le HTML de la page sur le serveur, de sorte que la vérification lise la balise de script et le div directement à partir de la page et vous indique si le widget sert des éléments.

Si le flux ne s'affiche pas

• Le bloc affiche votre code sous forme de texte. Il a été inséré dans une zone de texte, pas dans un bloc de code intégré. Supprimez-le et collez l'extrait dans un bloc de code intégré.
• Le script a disparu après l'enregistrement. Il a été collé dans un endroit que Odoo nettoie de tout code, comme la description d'un produit par une personne qui n'est pas administratrice. Utilisez un bloc de code intégré sur la page, ou placez le script dans l'injection de code.
• Vous voyez une ancienne version de la page. Si un CDN ou un proxy se trouve devant votre site web Odoo, videz son cache et vérifiez à nouveau dans une fenêtre privée.
• La barre de cookies. Avec la barre de cookies activée et le paramètre « Bloquer les domaines tiers » défini, Odoo retient les scripts de la liste des domaines de suivi jusqu'à ce que le visiteur accepte. TileSet ne figure pas sur cette liste. Si quelqu'un l'a ajouté aux domaines bloqués du site web, retirez-le.
• L'ID du widget. Le div a besoin de l'ID réel de votre tableau de bord, commençant par w_. Un espace réservé ne rend rien.
• Une politique de sécurité du contenu. Odoo n'en définit aucune par défaut sur les pages web. Si votre hôte ou proxy en ajoute une, consultez ce qu'elle doit autoriser.