Blog, Website & Page Publishing

DaisyDKroon
Colaborador | Partner nivel Gold
Colaborador | Partner nivel Gold

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

resolver

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 Me gusta
1 Soluciones aceptada
LOIC_BURDET_IDE
Solución
Participante | Partner nivel Diamond
Participante | Partner nivel Diamond

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

resolver

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

Ver la solución en mensaje original publicado

15 Respuestas 15
mytectra
Miembro

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

resolver

 

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 Me gusta
spoorti1509
Miembro

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

resolver

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
Participante | Partner nivel Diamond
Participante | Partner nivel Diamond

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

resolver

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 Me gusta
manasa
Miembro

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

resolver

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

 

0 Me gusta
DaisyDKroon
Colaborador | Partner nivel Gold
Colaborador | Partner nivel Gold

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

resolver

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

0 Me gusta
DaisyDKroon
Colaborador | Partner nivel Gold
Colaborador | Partner nivel Gold

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

resolver

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

 

 

0 Me gusta
LOIC_BURDET_IDE
Solución
Participante | Partner nivel Diamond
Participante | Partner nivel Diamond

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

resolver

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
Miembro

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

resolver

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 Me gusta
HBoon
Participante

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

resolver

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
Participante

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

resolver

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

0 Me gusta
matellez2018
Participante

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

resolver

@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 Me gusta
LOIC_BURDET_IDE
Participante | Partner nivel Diamond
Participante | Partner nivel Diamond

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

resolver

You have to create you own microdata.

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

0 Me gusta
anna_campins
Participante | Partner nivel Diamond
Participante | Partner nivel Diamond

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

resolver

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 Me gusta
matellez2018
Participante

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

resolver

@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 Me gusta
DaisyDKroon
Colaborador | Partner nivel Gold
Colaborador | Partner nivel Gold

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

resolver

Yes it works! Thank you so much! Emoticono feliz

0 Me gusta