How can we add Star Rating system to our blog posts?

[DaisyDKroon]

Hi!

We want to add the possibility to rate each of our blog posts, through the typical 5 stars system. But, we don't know how to add it to the blog template. Anyone knows how we can proceed?

It's really important, as reviews are an important element of SEO.

Thanks in advance for your help!

[mytectra]

I Just added with following code in Rich Text.  The rating displayed properly in Google Search as well. 

<script type="application/ld+json">
{
"@context": "http://www.schema.org",
"@type": "product",
"brand": "myTectra",
"name": "Reviews",
"image": "https://www.mytectra.com/hs-fs/hubfs/mytectra-logo/mytectra-logo-navi.png",
"description": "Reviews",
"aggregateRating": {
"@type": "aggregateRating",
"ratingValue": "4.9",
"reviewCount": "1025"
}
}
</script>

[spoorti1509]

Hi Daisy, you can use an external rating module like "Ratings Widget" or "Avis Vérifié". As I am using the same for my mobile app development blog. 

[LOIC_BURDET_IDE]

Hello Daisy, you can use external rating module like "Ratings Widget" or "Avis Vérifié".

You can see an example on our blog post here.

We use the tool Rating Widget to allow visitor rating our content.

Moreover you can add microdata to allow Google printing this ratings on SERP.

Good work !

[manasa]

how to add microdata using this rating widget? It would be great if you could help us

[DaisyDKroon]

@LOIC_BURDET_IDE Great blog by the way!! Like a really really good job! Congratz

[DaisyDKroon]

Hi @LOIC_BURDET_IDE 

Thank you so much for your reply! Did you add this widget directly to your Hubspot blog? I see on their website that it's a widget for WP, and I can't find the integration for Hubspot I really want this widget now, specially because of the possibility to add the microdata !

[LOIC_BURDET_IDE · Accepted solution]

Our website is fully on Hubspot CMS so the integration is made with a Hubspot Integration.

Here is the doc to implement with JQuery.

Concretely : 

• We add the HTML line in our blog template 
• Wa add the script in our Blog Settings Footer

Hope it will be ok for you

[Anze_Koprivec]

Can I ask how do you end up styling this. 

i've tried forcing js inline styles once the widget loads but it just doesn't work and then there is also those old looking statistic popus and stuff like that.

[HBoon]

Is it also possible to implement this within emails? 

The doc mentioned that they have to assign our website a unique identifier, but emails wouldn't live on our website so how would that work?

[MBhatnagar]

I have the same query. Do let me know if you found anything.

[matellez2018]

@LOIC_BURDET_IDE Is the microdata automatically added when you copy and paste the HTML line in the blog template and add the script in our blog settings footer or do I need to take an additional step for that?

[LOIC_BURDET_IDE]

You have to create you own microdata.

You can do that with j-son data or directly in your HTML 🙂 

[anna_campins]

Hi @LOIC_BURDET_IDE @DaisyDKroon 

Thank you very much for your answers, helped a lot! 🙂

But how do you take the widget ratings and put them into the microdata?

Thanks!!

[matellez2018]

@LOIC_BURDET_IDE  If I'm using JSON, would the below be correct?

"aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": “{{ratingValue}}“,
    "ratingCount": “{{reviewCount]]“

If so, where exactly would I need to embed this? I assume this would update dynamically as we get more ratings for eah individual blog so I don't have to manually update every individual blog every single day, correct?

[DaisyDKroon]

Yes it works! Thank you so much!