1冊だけのつもりが、4冊抱えて帰りました。店員さんが自分の売っている本をちゃんと読んでいるのが伝わります。棚のPOPを書いている方は、お給料を上げてあげてほしいくらいです。
Googleの店舗情報を検索して口コミを取り込み、公開するものを選び、コードを1つホームページに貼り付けるだけです。公開されている店舗情報を読み込む仕組みなので、Googleへのログインも、店舗のオーナーであることの確認もありません。GoogleのAPIが返す口コミは1店舗あたり5件。だからこのウィジェットは、5件が物足りなく見えるのではなく、狙って選んだ5件に見えるように作っています。
7日間の無料トライアル(すべてのレイアウトと3件のソース)、クレジットカード不要。無料プランはずっと無料です。
Pennygate Books1冊だけのつもりが、4冊抱えて帰りました。店員さんが自分の売っている本をちゃんと読んでいるのが伝わります。棚のPOPを書いている方は、お給料を上げてあげてほしいくらいです。
2階の古本コーナーは危険です。何年も探していた1974年の文庫本が、コーヒー1杯より安く見つかりました。
Pennygate Booksは、架空の住所にある架空の書店で、このモックアップのために作りました。口コミはレイアウトを示すために私たちが書いたもので、実在する店舗への実際のお客さまの口コミではありません。カードの形と並び方はウィジェットのものです。
Place Detailsは返す口コミを5件で打ち切り、ページ送りもありません。このAPIを使うツールにとっては、5件が天井です。しかもその5件は関連度で選ばれ、関連度が高いことと、お店の実態を代表していることは同じではありません。私たちはこの連携を作っている最中に、実在の店舗でそれを知りました。なお、Googleマップの画面では「クチコミ」、このページでは「口コミ」と書いていますが、「Googleレビュー」も含めて、どれも同じもの(英語ではGoogle Reviews)を指しています。
ほとんどが星5つ。Googleでお客さまが目にするのは、こちらの姿です。
口コミ5件、すべて星1つ。公平さではなく、関連度で選ばれた5件です。
評価の分布と件数は、実在する店舗を使って私たちが行った検証の数字で、下のリンク先の記事に詳しく書いています。5件の苦情は趣旨を言い換えたもので、店名も伏せています。論じたいのはAPIが口コミをどう選ぶかであって、1軒の飲食店のことではないからです。
Googleが153件の評価で4.0とする実在の飲食店に、この連携をつなぎました。星5つのバーがほかのどの評価よりも長い店舗です。APIが返した口コミは5件、そのすべてが星1つでした。絞り込みも選別も、私たちは何もしていません。加工していないスクリーンショットとレスポンスを含む検証の全体は、Google口コミの埋め込みを実際に試した日本語の検証記事で公開しています。
届いたものをそのまま出すのではなく、公開する前に選べる場面を用意しているのはこのためです。そして下のレイアウトが、50枚ではなく5枚のカードのために作られている理由でもあります。
結局のところ知りたいのは「うちのホームページに合うかどうか」だと思います。それを確かめるために、メールアドレスを先に渡す必要はありません。レイアウトを切り替え、テーマを試し、同じ5件の口コミが着せ替わる様子を見てください。このプレビューに店名を入力する欄はなく、実際の店舗をつなぐのは登録したあとです。
1冊だけのつもりが、4冊抱えて帰りました。店員さんが自分の売っている本をちゃんと読んでいるのが伝わります。棚のPOPを書いている方は、お給料を上げてあげてほしいくらいです。
2階の古本コーナーは危険です。何年も探していた1974年の文庫本が、コーヒー1杯より安く見つかりました。
平均点と星の分布を上に、カードをその下に並べます。ここに表示しているのはプレビューで、本物のレンダラーではありません。ウィジェット本体はこのページからは読み込めないエッジ関数が配信しているので、形はそれに合わせて描いています。口コミは架空のPennygate Booksのものです。
自分の店舗で作ってみる5枚のカードを50枚用のグリッドに並べると、読み込みに失敗したページのように見えます。ここに並べた3つは少ない件数のための形で、平均点と星の分布を上に置くもの、1件を大きく見せるもの、1件を目立たせて残りをイニシャルにまとめるものです。40種類のレイアウトと16種類のテーマは、どれも口コミに使えます。
1冊だけのつもりが、4冊抱えて帰りました。店員さんが自分の売っている本をちゃんと読んでいるのが伝わります。棚のPOPを書いている方は、お給料を上げてあげてほしいくらいです。
2階の古本コーナーは危険です。何年も探していた1974年の文庫本が、コーヒー1杯より安く見つかりました。
どこにも見つからなかった本を取り寄せてくれて、届いた日に電話までいただきました。小さなことですが、ネットで本を買わなくなった理由はこれです。
松本千尋コーヒーがおいしく、静かな席があって、誰にも急かされません。卒業論文のほとんどは、この窓際の席で書きました。
Pennygate Booksは、架空の住所にある架空の書店で、このモックアップのために作りました。口コミはレイアウトを示すために私たちが書いたもので、実在する店舗への実際のお客さまの口コミではありません。カードの形と並び方はウィジェットのものです。
Review hero、Quote wall、Spotlightは、有料プランと7日間のトライアルで使えるレイアウトです。無料プランの7種類にも、Carouselのように少ない件数で収まる形があります。5件を前提にしたデザインの考え方は、日本語の検証記事の「取得できるのは5件までという上限」の節にもまとめています。
口コミがいちばん力を発揮するのは、口コミの対象のすぐ隣です。だから同じフィードに両方を載せられます。セクションは1つ、コードも1つ、選ぶ場所も1つです。

どこにも見つからなかった本を取り寄せてくれて、届いた日に電話までいただきました。小さなことですが、ネットで本を買わなくなった理由はこれです。

1冊だけのつもりが、4冊抱えて帰りました。店員さんが自分の売っている本をちゃんと読んでいるのが伝わります。棚のPOPを書いている方は、お給料を上げてあげてほしいくらいです。

2階の古本コーナーは危険です。何年も探していた1974年の文庫本が、コーヒー1杯より安く見つかりました。

コーヒーがおいしく、静かな席があって、誰にも急かされません。卒業論文のほとんどは、この窓際の席で書きました。
架空のPennygate Booksのサイトで、口コミと写真を1つのフィードに並べた例です。口コミの文章はレイアウトを示すために私たちが書いたもので、カードの形と並び方はウィジェットのものです。
トップページの中ほど:ファーストビューと主な訴求のあとです。見出しを読み飛ばさずにスクロールしてきた訪問者は、比べて決めようとしている状態なので、そこで読む口コミが背中を押します。
サービスページや商品ページの、ボタンの近く:説明を読み終えて、申し込むかどうか迷っている訪問者には最後のひと押しが要ります。迷いが生まれるその場所で、迷いに答えるのが口コミです。
会社概要やお問い合わせのページ:関心の高い訪問者が、連絡するかどうかを決める場所です。使える口コミが5件なら、大きな一覧よりSpotlightやCarouselのほうが無理なく収まります。
フッター:コンパクトなカルーセルは、全ページに共通する控えめな信頼の目印になります。主役にはなりませんが、どのページでも信頼を少しずつ補ってくれます。
置き場所ごとの考え方は、日本語の検証記事の「サイトのどこに置くか」で詳しく書いています。
取り込んだ口コミは、1件ずつカードとして並びます。表示したくないものは除外でき、有料プランと7日間のトライアルでは先頭へのピン留めもできます。新しく作ったフィードは公開するまで非公開なので、訪問者より先に、届いた5件を自分の目で読めます。Googleが5件を選ぶ仕組みを考えると、これはおまけの機能ではありません。役に立つセクションになるか、足を引っ張るセクションになるかの分かれ目です。
製品のCollect画面と同じ形で描いた一覧で、承認・ピン留め・除外のボタンが並びます。取り込んだ口コミは最初からすべて表示の対象で、表示したくないものを除外し、除外したものは承認で戻せます。承認と除外はすべてのプランで、ピン留めは有料プランと7日間のトライアルで使えます。口コミは架空のPennygate Booksのものです。
口コミがあなたのお店ではなく配達アプリについて書かれているなら、それを外すのは選別です。星3つの店舗が完璧な口コミを5件並べるのは、お客さまがGoogleマップで一瞬で確かめられる主張です。しかもカードは、クリックでその口コミの投稿者をGoogleで開くように設定できます。見つかっても平気でいられるところに、線を引いてください。
中立な基準と感情による選り好みの境界線は、米国FTCの規則を例に日本語の検証記事の「悪いサンプルに対して、何をしてよいのか」で説明しています。米国の規則の話で、日本の法律についての説明ではありません。
出てくる順番どおりに4つのステップを、それぞれが実際に何を生み出すかと一緒に示します。Googleへのログインを省いて見せているのではなく、実際の流れにもそのステップはありません。
フィードを作り、ソースとしてGoogle Reviewsを追加して、店名か住所で検索します。検索はGoogle Placesのオートコンプリートで動くので、Googleマップと同じ店舗情報が見つかります。店舗を持たずにお客さまのもとへ出向く、出張型のビジネスも対象です。
Googleへのログインなしオートコンプリートが返すのは店名と住所だけです。この段階ではGoogleが星の評価を送ってこないので、ここに星は表示されません。
正しい店舗を選ぶと、口コミが取り込まれます。Googleの公開API(Place Details)が返すのは最大5件で、並び順はGoogle自身の関連度です。都合のいいものだけをこっそり残すことはせず、5件すべてをそのままお見せします。
1店舗あたり5件5件はGoogleの公開エンドポイントが決めている上限で、プランの制限ではありません。公式の経路でこれを超えるには、店舗のオーナーのログインが必要です。
表示したくない口コミを1件ずつ除外し(ピン留めは有料プランと7日間のトライアルで使えます)、レイアウトとテーマを決めます。40種類のレイアウトと16種類のテーマがあり、口コミ向けの形もその中にあります。
テーマはすべて無料プレビューは本物のウィジェットで、あなたのサイトが読み込むのと同じスクリプトで描画されます。
埋め込みの画面が設置先を尋ね、その環境に合ったコードを渡します。貼るのは一度だけです。表示する口コミを選び直しても、コードは変わりません。
1回貼るだけ、開発者は不要<link rel="preload" as="fetch" …><div id="collectsocials-8b3d04e5"></div><script src="…/api/widget"data-feed-id="…" data-token="…"defer></script>実際のコードの形を、一部省略して載せています。フィードのIDとトークンは自動で入ります。
Pennygate Booksは、架空の住所にある架空の書店で、このモックアップのために作りました。口コミはレイアウトを示すために私たちが書いたもので、実在する店舗への実際のお客さまの口コミではありません。カードの形と並び方はウィジェットのものです。
出張型のビジネスが、APIの検索候補に出てこない。店舗を持たずにお客さまのもとへ出向く事業、たとえば出張撮影、出張修理、ケータリング、ハウスクリーニングなどは、Places APIのオートコンプリートでは、専用の指定をしない限り候補から外されます。当社の検索はこれを含めるように設定しているので、Googleマップに載っている出張型の店舗情報も候補に出てきます。
評価はあるのに、口コミの本文が空。評価と件数は返ってくるのに、口コミの一覧が空のまま返ってくる店舗情報もあります。店舗を追加した時点でこれを確認し、Googleが何も返さなかったことをお伝えしてから、ソースを取り消します。ソースの枠は減りません。
どちらも、実際の利用者の店舗情報で見つかったものです。経緯は日本語の検証記事の「出張型ビジネスが検索候補に出てこない問題」に、スクリーンショット付きの埋め込み手順は同じ記事の「Googleの口コミをホームページに埋め込む手順」にあります。
上限は店舗情報ごとで、ウィジェットごとではありません。支店はそれぞれが1つのソースで、それぞれ5件を持ち込みます。1つのフィードには、プランが許す数だけ組み合わせられます。無料プランは1件、7日間のトライアル中は3件、その後はProで5件、Businessで15件、Scaleで30件です。
どれも、Googleの口コミを扱ううえで私たちが守っているルールで、それぞれに理由があります。このページのほかの説明を信用していただくための根拠だと考えています。
自社の口コミの評価を自社のサイトにマークアップして検索結果の星を狙うのは、自己評価型のレビューマークアップにあたり、Googleの構造化データのガイドラインが認めていません。口コミは読めるテキストとして表示され、ページはルールの内側にとどまります。
このエンドポイントが返す口コミは1店舗あたり5件までで、それ以上はありません。上限を回避するためにGoogleマップのページを読み取ることはしません。GoogleのプラットフォームのルールはAPIの外でコンテンツを抽出することを禁じていますし、Googleから一度でも措置を受ければ、私たちが配信しているすべてのGoogleフィードが同時に止まってしまうからです。
取り込まれるのは、Googleが返した口コミそのものです。都合の悪いものも含めてです。何を表示するかを選ぶのはあなたで、レイアウトを埋めるために口コミが生成されることはありません。
scriptタグは、どこにでもそのまま貼れるわけではありません。外部のコードをサンドボックスに閉じ込めるビルダーもあれば、削除してしまうビルダーもあります。そのため埋め込みの画面は、まずどこに設置するかを聞き、その環境に合ったコードを渡します。
scriptタグ1つとコンテナのdiv1つです。ウィジェットはページに直接描画され、Shadow DOMの中で動くので、ウィジェットのCSSとサイトのCSSが干渉しません。
同じスクリプトを、ページ幅いっぱいに広げるラッパーで包んだものです。Shopifyのテーマはセクションをflexboxで並べるため、そのままだとコンテナが押しつぶされてしまいます。
どちらも貼り付けたスクリプトをサンドボックスに入れるか取り除くため、iframeのコードを渡します。コード内の小さなスクリプトが動く環境では内容に合わせて高さが変わり、スクリプトが取り除かれる環境でも、フィードは固定の高さの枠の中でスクロールして表示されます。
スクリプトをまったく実行できないサービスには、高さを固定した枠をURLで渡します。中身は枠の中でスクロールします。
STUDIO、Jimdo、ペライチ、BASE、Ameba Owndなど、上の一覧にないサービスでも考え方は同じです。HTMLを貼り付けられるブロックがあるビルダーなら、Plain HTMLのコードをそのまま貼り付けます。上の4種類のうち、1つ目と同じコードです。ブロックの呼び名はサービスによって違うので、「HTML」「埋め込み」「カスタムコード」といった名前の項目を探してください。
貼り付けたスクリプトが取り除かれてしまう場合でも、iframeなら貼り付けられるビルダーでは、埋め込みの画面でWixかSquarespaceを選んだときに出るiframe形式のコードを使えます。高さの自動調整はスクリプトが動くときだけ働き、動かない場合は固定の高さの枠の中でスクロールする表示になります。
WordPressなら、コードを貼る代わりに専用プラグイン(英語)を入れる方法もあります。フィードはあなた自身のサイトから描画されます。
1つのフィードに10のプラットフォームを組み合わせられるので、Googleの口コミをFacebookの投稿、Instagramのリール、YouTubeの動画と同じセクションに並べられます。X(旧Twitter)以外のプラットフォームはすべて無料プランで使えます。Xだけが有料な理由は1つで、XがAPIの利用を有料にしているからです。無料プランで接続できるソースは1件なので、複数のプラットフォームを並べるウォールは7日間のトライアルか有料プランで組みます。
写真を見て日の出のツアーを予約しましたが、写真以上でした。ガイドの方が、どこでいつ止まればいいかを正確に分かっていました。
YouTube尾根道の3日間、最初から最後まで
TikTokブランコが空の上まで振り出されます
日の出チームは、嵐が来る前に尾根までたどり着きました。写真はすべてホームページに載せています。
ラグーンで過ごした一日。6艇で漕ぎ出して転覆はゼロ、水の色は午後のあいだずっとこのままでした。

今年2回目の参加です。スケジュールはすべて時間どおりで、少人数制こそがこのツアーの良さだと思います。
Instagram黄色い壁を見つけたので、もちろん踊りました。
Instagram太陽より一足先に、稜線にたどり着きました。
Instagram気球より先に起きていました。
フェスティバルの最後に、風船を一斉に空へ。10秒ほど、誰もひと言も話しませんでした。

架空のブランドのデモフィードで、接続できる10のソースのうちいくつかを1つのウォールに並べています。投稿、口コミを書いた人、反応の数はすべて例で、製品の指標ではありません。カードに載っている項目はどれも実際のウィジェットが描画するものですが、このウォール自体はウィジェットが配信したものではなく、このページのために描いたものです。
無料プランでも、ほかのプランと同じ1店舗あたり5件です。この数字はGoogleが決めたもので、私たちが動かせるものではないからです。料金で変わるのは、レイアウト、ソースの数、そして同期の速さです。
無料プランのウィジェットには、小さなCollectSocialsのクレジットリンクが入ります。
ここで大事なのはソースの数です。Googleの店舗情報1件が、1ソースです。料金の詳細(英語)。
1店舗あたり5件です。Googleの公開API(Place Details)が返す口コミは最大5件で、ページ送りもないため、この上限は、このウィジェットを含めて公開APIを読むすべてのツールに当てはまります。それより多く取得できる経路は、ビジネスプロフィールAPIだけです。こちらはすべての口コミを返しますが、確認済みの店舗情報のオーナーか管理者がログインして許可する必要があります。オーナーとしてログインしていない店舗の口コミが20件表示されているなら、そのウィジェットはGoogleの公開APIを読んでいません。2つの経路の違いは、日本語の検証記事で表にしています。
できます。店舗のオーナーであることも、Googleビジネスプロフィールを持っていることも必要ありません。このソースはGoogle Placesを通じて公開されている店舗情報を読み込むので、Googleへのログインも、OAuthの画面も、所有者の確認も、どこにもありません。店名か住所で店舗を検索して選べば、口コミが取り込まれます。そのため、制作会社がクライアントの代わりにウィジェットを設定する場合にも使えます。
必要ありません。Places APIの呼び出しは、当社のサーバーが当社のAPIキーで行います。あなたの側でGoogle Cloudのプロジェクトを作ったり、APIキーを発行したりする手順はありません。なお、自分でPlaces APIを呼び出して表示する方法を選んでも、返ってくるのは同じ最大5件です。上限はAPIの側にあり、誰が呼び出すかでは変わりません。
Googleの店舗情報のうち一部、特に店舗を持たずにお客さまのもとへ出向く出張型のビジネスで起きることがあります。Googleは評価と口コミの件数は返すのに、口コミの一覧を空のまま返してくるのです。公開APIを読むツールでは、どれもこれを回避できません。CollectSocialsでは店舗を追加した時点でこれを確認し、Googleが何も返さなかったことをはっきりお伝えしたうえで、ソースを取り消します。空のフィードとしてアカウントに残ったり、ソースの枠を1つ使ってしまったりすることはありません。この問題を避けられるのは、店舗のオーナーが自分のGoogleビジネスプロフィールへのアクセスを許可する経路だけで、公開APIを読むこのウィジェットの経路ではありません。
いいえ。Googleのフィードが、私たちが扱うほかの多くのソースと違うのはこの点です。Googleは意図的に自動更新のスケジュールから外しているので、口コミは店舗を追加したときに一度だけ取り込まれ、追加し直すまでそのままです。関連度順の5件という上限がある以上、頻繁に取り直しても同じ5件が返ることがほとんどだからです。ほかの多くのプラットフォームはプランのスケジュールで同期し、無料プランは24時間ごと、Scaleでは10分ごとです。プランの設定より速くは更新しない下限を独自に持つものもあります。X(旧Twitter)はAPIが従量課金のため、YouTubeはタイマーではなくウィジェットが表示されたときに更新するためです。
いいえ。機能が足りないのではなく、意図してそうしています。検索結果の星はaggregateRatingの構造化データから作られますが、自社のサイトに自社の口コミの評価をマークアップするのは自己評価型のレビューマークアップにあたり、Googleの構造化データのガイドラインではリッチリザルトの対象外です。私たちがあなたの代わりにそうしたマークアップを出力することはありません。スクリプトで埋め込んだ場合、口コミはページの中に読めるテキストとして表示されます。iframeしか受け付けないWixやSquarespaceなどのビルダーでは、iframeの中に表示されます。
5件のどれを表示するかは、あなたが選べます。新しく作ったフィードなら、公開する前に選べます。除外はすべてのプランで、ピン留めは有料プランと7日間のトライアルで使えます。そして、ほとんどの方は選ぶべきです。Googleが返す5件は、公平さではなく関連度で選ばれているからです。これは現実の問題で、Googleが153件の評価で4.0とする店舗では、APIが返した口コミ5件がすべて星1つでした。関係のない口コミを外すのは妥当な選別ですが、それに見合わない店舗が完璧な口コミを5件並べれば、お客さまはGoogleマップで一瞬で確かめます。
できます。これが5件の上限を正攻法で超える方法です。店舗情報はそれぞれが1つのソースで、1店舗あたり最大5件を持ち込み、1つのフィードにはプランが許す数だけ組み合わせられます。無料プランは1件、7日間のトライアル中は3件、Scaleでは30件までです。3店舗を1つのフィードにまとめれば、すべてGoogleの本物の口コミで15件になります。これは無料プランではなく、トライアルか有料プランで組む構成です。
WordPress、Shopify、Wix、Squarespace、Webflow、Notion、Googleサイト、通常のHTML、Reactです。外部のスクリプトをサンドボックスに入れるビルダーもあれば、取り除いてしまうビルダーもあるので、埋め込みの画面が設置先を尋ね、その環境に合ったコードを渡します。WordPressなら、専用プラグインを使えばコードを貼る必要もありません。
HTMLを貼り付けられるブロックがあるビルダーなら、Plain HTMLのコードをそのまま貼り付けられます。スクリプトは取り除かれてもiframeなら貼り付けられるビルダーでは、埋め込みの画面でWixかSquarespaceを選んだときに出るiframe形式のコードを使えます。高さの自動調整はスクリプトが動くときだけ働き、動かない場合は固定の高さの枠の中でスクロールする表示になります。
はい。Googleの口コミは有料オプションではなく、X(旧Twitter)を除くほかのすべてのプラットフォームと同じく、無料プランに含まれます。Xだけが有料な理由は1つで、XがAPIの利用を有料にしているからです。無料プランには40種類のうち7種類のレイアウト、16種類のテーマすべてとテーマビルダー、そして承認と除外によるモデレーションが含まれます。7日間のトライアルでは、すべてのレイアウトと3件のソースを、クレジットカードなしで使えます。
できます。1つのフィードに10のプラットフォームを組み合わせられるので、Googleの口コミをInstagramの写真、Facebookの投稿、YouTubeの動画と同じセクションに並べられます。無料プランで接続できるソースは1件なので、複数のプラットフォームを組み合わせるのは7日間のトライアルか有料プランでの構成です。お店や飲食店なら、それこそが狙いです。口コミが「良い」と伝え、写真が「なぜ良いか」を見せます。
店舗を検索し、公開する口コミを選び、レイアウトを決めて、コードを1つ貼るだけです。Googleへのログインはどの段階でも必要なく、7日間のトライアルにクレジットカードはいりません。
WordPress、Shopify、Wix、Squarespace、Webflow、Notion、そして通常のHTMLで使えます。