Skip to main content
BlooTrue
Start Free
no code neededunlimited viewsfree forever

Free Google Play Review Widgets for Next.js / React

Embed Google Play reviews on any Next.js / React page in 60 seconds — next/script component, paste, save. Your Google Play rating and reviews, embedded on your website.

Build Your Google Play Review Widget

Google Play

Key facts: 60-second install on Next.js / React · free forever, no plugin needed · installs via the next/script component · no view caps on any plan · daily review auto-sync on paid plans · schema.org markup on paid plans

Last updated ·by Mike Ragimov

SEO + AI schema · paid plans

Review schema markup, on paid plans

Paid widgets add schema.org Review and AggregateRating JSON-LD to the page they sit on, so search engines and AI answer engines can read your Google Play reviews as structured data. Google does not show review stars for reviews a business shows about itself, so the gain is readability, not stars. The free plan shows the reviews without the schema. See how the schema works

Install guides

Also available for other platforms

Same widget, platform-specific install guide. Pick where your pages live.

Looking for a different review source? See all review widgets

Setting this up on a different platform? See all Google Play review widgets · Want a different review platform on Next.js / React? All review widgets for Next.js / React

Review widgets for every platform

The same widget, built from whichever platform your reviews live on. Free plan on every one.

Reviews on more than one platform? Blend them into one widget

How to Add Google Play Reviews to Next.js / React

Connect your Google Play profile in BlooTrue, pick a style, then paste one embed code into the next/script component on Next.js / React and publish.

  1. 1

    In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive.

  2. 2

    Drop the widget div into any page or component where the reviews should appear.

  3. 3

    Change class to className on that div — the snippet is HTML and JSX will not accept class.

  4. 4

    Deploy. The loader watches the DOM, so the widget survives client-side navigation too.

A raw <script> tag pasted into a component will not execute, which is what next/script is for — and the snippet's class attribute has to become className or React drops it.

Where the Code Goes on Next.js / React

In a Next.js app the snippet splits in two. The loader goes in once, in app/layout.tsx, as a next/script component with strategy set to afterInteractive so it survives client-side navigation.

The div goes wherever the reviews belong, in any page or component. The one edit the pasted code needs is class becoming className, because the snippet is HTML and JSX will not accept class. The widget takes the width of its parent element, so a max-width wrapper is the usual way to size it.

If the widget does not show on Next.js / React

  • If nothing renders, check the div uses className rather than class — React silently drops the class attribute and the loader then finds nothing to mount.
  • A raw script tag pasted straight into a component will not execute. Use next/script with strategy afterInteractive instead.
  • If the widget shows on a hard refresh but not after in-app navigation, the loader was placed in a page rather than in the layout. Move it to app/layout.tsx so it mounts once for the whole app.

Still blank? Our help article Widget not showing covers the checks that apply on every site.

Official documentation: Next.js / React: Script ComponentGoogle Play: View and analyze your app's ratings and reviews

Google Play Review Widget for Next.js / React — Free, No Plugin

Embed Google Play reviews on any Next.js / React page with a single copy-paste embed code. Your Google Play rating and reviews, embedded on your website. Installs via the next/script component.

Where Google Play reviews help most on Next.js / React

A custom site for an app, or a web app with a marketing front, should show Google Play reviews where installs start: the home page beside the store buttons and any dedicated download page.

If the web app has a sign-in page for existing users, keep the widget off it. You can detect the visitor's platform and show the Google Play widget to Android visitors only, leaving it out for iPhone visitors, so nobody is shown ratings for a store they cannot install from. Size the container to the column that holds the store buttons so the two read as one block.

About Google Play reviews in this widget

The Google Play widget puts your app's Play Store rating out of 5, its review count and the user reviews from its store listing on your site, all read from Google Play. Reviews on Google Play come from Google accounts that installed the app, and the header figure is Google's, not one the widget works out. Site owners' usual mistake is picking the Google source instead of Google Play. Google reviews belong to a Business Profile, the map listing for a shop or office, and are unrelated to your app. Choose Google Play and paste the store listing URL.

Google Play Widget on Next.js / React — FAQ

Is the BlooTrue Google Play review widget free for Next.js / React?
Yes. BlooTrue is completely free to embed Google Play reviews on Next.js / React. No plugin, no recurring fee, unlimited views. The free plan shows your reviews with BlooTrue branding in the footer; paid plans remove the branding.
How do I install the widget on Next.js / React?
In app/layout.tsx import Script from next/script and add the BlooTrue loader once inside the body, with strategy set to afterInteractive. Drop the widget div into any page or component where the reviews should appear. Change class to className on that div — the snippet is HTML and JSX will not accept class. Deploy. The loader watches the DOM, so the widget survives client-side navigation too.
Anything specific to Next.js / React worth knowing before I embed?
A raw <script> tag pasted into a component will not execute, which is what next/script is for — and the snippet's class attribute has to become className or React drops it.
Where should I place Google Play reviews on Next.js / React for the biggest lift?
Under the hero on the landing page and beside the pricing CTA — on SaaS and agency sites the proof belongs at the decision point.
Do the reviews stay up to date automatically?
Paid plans auto-sync your Google Play reviews daily, so the widget always shows your latest 5-star reviews without touching Next.js / React again. The free plan shows the reviews imported at setup.
What Google Play link does the builder want for my app?
Your app's store listing, whose address starts with play.google.com/store/apps/details?id= followed by the app's package name, for example com.example.myapp. That listing holds the rating, the review count and the user reviews the widget reads. Paste it, pick a layout and copy the one-line embed onto your download page.
Do my iOS App Store reviews show in the Google Play widget?
No. The Google Play widget reads one thing, your app's Play Store listing, so its header carries the Play rating and count and its list holds the reviews Android users left there. Apple's store is a different platform with its own reviews, and nothing from it can enter this widget; use it on the Android download page.
Our last update brought a wave of one-star Play reviews, will they show on my site?
Not on the free plan, which lists only Google Play reviews rated four stars and above. The store rating in the header is a separate matter: it is the figure from your listing, so if that rating fell after the release, the header shows the lower number the next time the widget refreshes, and free widgets never refresh.

Ready to Put Google Play Reviews on Your Next.js / React Pages?

Free forever. No plugin. 100+ widget styles. Set up in 60 seconds.

Free Google Play Review Widget