Notes

Le widget de notes est fourni avec la section des commentaires. Il permet aux visiteurs de laisser une note pour la page. Il s'affiche au-dessus de la section des commentaires.

Vous pouvez configurer le widget de notes dans Console → Paramètres → Réactions et notes.

Données structurées pour les moteurs de recherche

Les moteurs de recherche utilisent les données structurées pour comprendre le contenu de la page. Vous pouvez configurer les données structurées pour les notes avec le schéma AggregateRating et l'API de <hyvor-talk-comments>.

Prérequis :

• L'élément <hyvor-talk-comments> doit être chargé sur la page.
• Vous devez utiliser la méthode de chargement par défaut

Voici un exemple pour un produit. Ce code doit être placé après l'élément <hyvor-talk-comments>.

<script>
	const comments = document.querySelector('hyvor-talk-comments');
	comments.addEventListener('loaded', function () {
		const page = comments.api.page();

		const jsonLd = `
{
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": "My Product",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "${page.ratings.average}",
        "ratingCount": "${page.ratings.count}"
    }
}
`;

		const script = document.createElement('script');
		script.setAttribute('type', 'application/ld+json');
		script.textContent = jsonLd;
		document.head.appendChild(script);
	});
</script>

Dans ce code, nous utilisons l'événement loaded de l'élément <hyvor-talk-comments>. Il est déclenché lorsque les commentaires sont chargés. Nous récupérons ensuite les données de la page à l'aide de la méthode api.page(). Puis, les valeurs suivantes sont utilisées pour générer le code JSON-LD :

• page.ratings.average - Moyenne des notes de la page.
• page.ratings.count - Nombre de notes de la page.

Ensuite, nous créons un élément <script> avec le code JSON-LD et l'ajoutons à l'élément <head>.

Vous pouvez également utiliser notre API Data pour récupérer les données de notes et générer dynamiquement le code JSON-LD. C'est utile si vous avez besoin des données sur une page qui ne contient pas l'élément <hyvor-talk-comments>.