Blog, Website & Page Publishing

DaisyDKroon
Contributor | Gold Partner
Contributor | Gold Partner

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

SOLVE

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!

0 Upvotes
1 Accepted solution
LOIC_BURDET_IDE
Solution
Participant | Diamond Partner
Participant | Diamond Partner

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

SOLVE

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

View solution in original post

15 Replies 15
mytectra
Member

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

SOLVE

 

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>

0 Upvotes
spoorti1509
Member

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

SOLVE

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
Participant | Diamond Partner
Participant | Diamond Partner

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

SOLVE

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 !

 

0 Upvotes
manasa
Member

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

SOLVE

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

 

0 Upvotes
DaisyDKroon
Contributor | Gold Partner
Contributor | Gold Partner

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

SOLVE

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

0 Upvotes
DaisyDKroon
Contributor | Gold Partner
Contributor | Gold Partner

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

SOLVE

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 Robot SadI really want this widget now, specially because of the possibility to add the microdata !

 

 

0 Upvotes
LOIC_BURDET_IDE
Solution
Participant | Diamond Partner
Participant | Diamond Partner

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

SOLVE

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

AKoprivec7
Member

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

SOLVE

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.

0 Upvotes
HBoon
Participant

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

SOLVE

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
Participant

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

SOLVE

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

0 Upvotes
matellez2018
Participant

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

SOLVE

@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?

0 Upvotes
LOIC_BURDET_IDE
Participant | Diamond Partner
Participant | Diamond Partner

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

SOLVE

You have to create you own microdata.

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

0 Upvotes
anna_campins
Participant | Diamond Partner
Participant | Diamond Partner

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

SOLVE

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!!

0 Upvotes
matellez2018
Participant

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

SOLVE

@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?

0 Upvotes
DaisyDKroon
Contributor | Gold Partner
Contributor | Gold Partner

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

SOLVE

Yes it works! Thank you so much! Smiley Happy

0 Upvotes