ビジネスの問題と解決策を表示する

このページでは、サードパーティ製アプリのデベロッパーが問題解決サービスを使用して、ビジネス用のアプリ内診断ページを作成する方法について説明します。

Accounts API を使用すると、ビジネス アカウントに影響する問題と、アクセス権のあるアカウントを確認できます。

ショッピング広告と無料リスティングのポリシーを遵守する責任はお客様にあります。Google ショッピングは、これらのポリシーに違反するコンテンツや行為が認められた場合、これらのポリシーを適用し、適切に対応する権限を有します。

このサービスを使用すると、Merchant Center の [アカウントの診断] ページや [商品の問題] ページに似た UI を作成できます。

問題解決サービスはサードパーティの UI 専用です。リクエストは、ビジネスがアプリケーションの UI を操作したときにトリガーする必要があります。自分のビジネス アカウントの診断を自動化するには、アカウントの問題ガイドをご覧ください。

ビジネスのトラブルシューティングに役立つよう、アプリに次のページを提供することをおすすめします。

  • アカウント診断
  • 商品の診断

診断ページを実装するためのさまざまなオプション

診断ページはさまざまな方法で実装できます。必要に応じて、複雑な診断アクションの処理方法を決定するオプションを選択します。リクエストで、user_input_action_option を次のいずれかのオプションに設定できます。

  • REDIRECT_TO_MERCHANT_CENTER: これがデフォルト オプションです。追加のコンテンツの表示や、ビジネスからの追加入力を必要とするアクションは、アプリに完全に実装されていません。このようなアクションの場合、API は、ビジネスがアクションを実行できる Merchant Center の対応するページにリダイレクトするリンクを提供します。

  • BUILT_IN_USER_INPUT_ACTIONS: ユーザー入力を必要とする複雑なアクションを、アプリ内ソリューションとしてアプリに実装できます。

診断ページを実装する

このセクションでは、診断ページを実装する方法について説明します。デフォルト（シンプル）オプションを使用して、複雑なアクションを Merchant Center へのリダイレクトとして処理します。

アプリ内ユーザー行動を使用した高度な実装については、次のセクションとユーザー入力による組み込みアクションの実装をご覧ください。

実装

診断ページのフローは次のようになります。

  • ビジネスがアプリで診断ページを開きます。
  • アプリは、issueresolution サービスを呼び出して診断をリクエストします。

リクエストの例を次に示します。

POST  https://merchantapi.googleapis.com/issueresolution/v1beta/accounts/{ACCOUNT_ID}:renderaccountissues?timeZone=America/Los_Angeles&languageCode=en-GB { }

{ACCOUNT_ID} は、アクションの処理をトリガーするアカウントの固有識別子に置き換えます。

  • アプリは、レスポンスからビジネスに対する診断と推奨されるアクションを表示します。レスポンスの例を次に示します。

    {
  "renderedIssues": [
    {
      "title": "Misrepresentation",
      "impact": {
        "message": "Prevents all products from showing in all countries",
        "severity": "ERROR",
        "breakdowns": [
          {
            "regions": [
              {
                "code": "001",
                "name": "All countries"
              }
            ],
            "details": [
              "Products not showing organically"
            ]
          }
        ]
      },
      "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eBased on the information available about your business, there is reason to believe that customers are being misled on Google. Review the Misrepresentation policy and make changes to your Merchant Center and/or online store.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure your Merchant Center and online store follow the following best practices / guidelines\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eProvide transparency about your business identity, business model, policies and how your customers can interact with you\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003ePromote your online reputation by showing reviews or highlighting any badges or seals of approval\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eUse a professional design for your online store that includes an SSL certificate\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eMake sure it's accessible for all users without any redirects and doesn't have any placeholders for text and images.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eProvide information in the business information settings in your Merchant Center\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eLink any relevant third-party platforms to your Merchant Center and create a Google Business Profile.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eFollow SEO guidelines, improve your eligibility for seller ratings and match your product data in your Merchant Center with your online store\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/6150127?hl=en-US\" class=\"content-element\"\u003eLearn more about the Misrepresentation policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e",
      "actions": [
        {
          "externalAction": {
            "type": "REVIEW_ACCOUNT_ISSUE_IN_MERCHANT_CENTER",
            "uri": "https://merchants.google.com/mc/products/diagnostics/accountissues?a=672911686&hl=en-US"
          },
          "buttonLabel": "Request review",
          "isAvailable": true
        }
      ],
      "prerenderedOutOfCourtDisputeSettlement": "\u003cdetails class=\"ods-section\"\u003e\u003csummary\u003eShow additional options available to you\u003c/summary\u003e\u003cp class=\"ods-description\"\u003e\u003cspan class=\"segment\"\u003eYou may have the option to request an external appeal. You'll also be asked to provide your routing and reference IDs.\u003c/span\u003e \u003ca href=\"https://support.google.com/european-union-digital-services-act-redress-options?hl=en-GB\" target=\"_blank\" class=\"segment\"\u003eLearn more about external appeals\u003c/a\u003e\u003c/p\u003e\u003cp class=\"ods-param ods-routing-id\"\u003e\u003cspan class=\"segment ods-param-header\"\u003eRouting ID:\u003c/span\u003e \u003cspan class=\"segment ods-param-value\"\u003eRDAX\u003c/span\u003e\u003c/p\u003e\u003cp class=\"ods-param ods-reference-id\"\u003e\u003cspan class=\"segment ods-param-header\"\u003eReference ID:\u003c/span\u003e \u003cspan class=\"segment ods-param-value\"\u003e672911686\u003c/span\u003e\u003c/p\u003e\u003c/details\u003e"
    },
    {
      "title": "Adult-oriented content",
      "impact": {
        "message": "Prevents all products from showing in all countries",
        "severity": "ERROR",
        "breakdowns": [
          {
            "regions": [
              {
                "code": "001",
                "name": "All countries"
              }
            ],
            "details": [
              "Products not showing organically"
            ]
          }
        ]
      },
      "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"callout-banners\"\u003e\u003cdiv class=\"callout-banner callout-banner-info\"\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eReview requested on Aug 9, 2023. It can take a few days to complete.u003c/span\u003e\u003c/p\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eThere was a problem identified with the sale of prohibited adult products on your online store. In the case that you are intentionally selling adult items, enable Adult content in Settings in your Merchant Center. In your product file, use the \u003c/span\u003e\u003cspan class=\"segment segment-attribute\"\u003eadult\u003c/span\u003e\u003cspan class=\"segment\"\u003e attribute for specific products.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure the products meet the policy requirements\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eAdult oriented content may be prohibited or restricted depending on the product sold and the country it is sold\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eSee a full list of countries in the HelpCenter\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eDon't list sexually explicit content that is intended to arouse or includes content such as text, image, audio, or video of graphic sexual acts intended to arouse\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eExamples: Graphic depictions of sexual acts in progress, including hardcore pornography, any type of genital, anal, or oral sexual activity; graphic depictions of masturbation or genital arousal and language explicitly referencing arousal, masturbation, cartoon porn, or hentai\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/6150138?hl=en-US#wycd-restricted-adult-content\" class=\"content-element\"\u003eLearn more about the Adult-oriented content policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e"
    },
    {
      "title": "Missing return and refund policy",
      "impact": {
        "message": "Limits visibility of all products in all countries",
        "severity": "ERROR",
        "breakdowns": [
          {
            "regions": [
              {
                "code": "001",
                "name": "All countries"
              }
            ],
            "details": [
              "Limited visibility for products showing organically"
            ]
          }
        ]
      },
      "prerenderedContent": "\u003cdiv class=\"issue-detail\"\u003e\u003cdiv class=\"issue-content\"\u003e\u003cp class=\"content-element\"\u003e\u003cspan class=\"segment\"\u003eThere was a problem identified with the return and/or refund policy of your online store. Update your return or refund policy to provide customers a transparent shopping experience.u003c/span\u003e\u003c/p\u003e\u003cp class=\"content-element root-causes-intro\"\u003e\u003cspan class=\"segment\"\u003eMake sure your products meet the Shopping policy requirements\u003c/span\u003e\u003c/p\u003e\u003cul class=\"content-element root-causes\"\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eIt's available on your online store\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eWe recommend that you have a separate landing page for your policy and link to it from the other pages on your online store, so that it's easy to find.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp class=\"tooltip tooltip-style-info\"\u003e\u003cspan class=\"segment\"\u003eIt's available in the language of the country you're selling in or in English\u003c/span\u003e\u003cspan class=\"tooltip-icon\"\u003e\u003cbr\u003e\u003c/span\u003e\u003cspan class=\"tooltip-text\"\u003e\u003cspan class=\"segment\"\u003eMake sure that the return and/or refund policy is available in the target language or in English. Ideally, users should be given the option to select the return and/or refund policy in their own language.u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003cli\u003e\u003cp\u003e\u003cspan class=\"segment\"\u003eIt's accessible to everyone visiting your online store, without having to log in, sign up or enter any personal information\u003c/span\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003ca href=\"https://support.google.com/merchants/answer/9158778?hl=en-US\" class=\"content-element\"\u003eLearn more about Missing return and refund policy\u003c/a\u003e\u003c/div\u003e\u003c/div\u003e",
      "actions": [
        {
          "externalAction": {
            "type": "REVIEW_ACCOUNT_ISSUE_IN_MERCHANT_CENTER",
            "uri": "https://merchants.google.com/mc/products/diagnostics/accountissues?a=672911686&hl=en-US"
          },
         "buttonLabel": "Request review",
         "isAvailable": true
        }
      ]
    }
  ]
}

  • 問題は、title と impact.message を使用して、返された順序で表示することをおすすめします。また、ビジネスが問題のタイトルまたは説明にカーソルを合わせたときに、問題の impact.breakdowns を表示することもおすすめします。

  • ビジネスがリストから問題をクリックします。

  • お客様のアプリでは、country、destination、prerendered_content、prerendered_out_of_court_dispute_settlement ごとに各問題の詳細な impact と、ビジネスが問題を解決するために実行できる actions のボタンが表示されます。アクションには次の種類があります。

    1. 外部アクション: ビジネスが問題を解決できる外部ページ（Merchant Center など）を案内します。
    2. 組み込みのシンプルなアクション: ビジネスが問題を解決できるアプリ内のページを指定します。
    3. 組み込みのユーザー入力アクション: ビジネスが必要な情報を提供してアクションをリクエストできるダイアログを開きます。このタイプのアクションは、BUILT_IN_USER_INPUT_ACTIONS がリクエストされた場合にのみ使用できます。
  1. ビジネスは手順に沿って問題を解決します。
  2. ビジネスがアプリの診断ページを再読み込みします。
  3. アプリは IssueResolution サービスに別のリクエストを送信し、更新された問題のリストが表示されます。

完成したアプリに表示される情報を Merchant Center の診断ページと比較して、実装を確認できます。

UI のモック

renderaccountissues レスポンスの情報のアカウント診断ページへの表示方法の例を次に示します。UI 内のオブジェクトは、モックの対応する API フィールドにマッピングされます。プロダクトの問題についても同様のページを作成できます。

画像

入力されたアカウント診断ページは次のようになります。

画像

事前レンダリングされた HTML にスタイルを設定する

問題解決サービスを呼び出したレスポンスには、prerendered_content フィールド（各問題の詳細が HTML 形式で記述されているフィールド）が含まれます。この HTML コンテンツを UI に直接埋め込んで、問題を読みやすい形式で表示できます。

クラス new-element の HTML 要素が表示されることがあります。new-element クラスは、IssueResolution サービスと統合した後に HTML に追加される要素に適用されます。クラス new-element を使用して要素を非表示にすることをおすすめします。これにより、アプリでユーザーに表示する前に、これらの要素にスタイルを設定できます。

prerendered_content フィールド値の例を次に示します。

<div class="issue-detail">
  <div class="callout-banners">
    <div class="callout-banner callout-banner-info"><p><span class="segment">Review requested on Aug 9, 2023. It can take a few days to complete.</span>
    </p></div>
  </div>
  <div class="issue-content"><p class="content-element"><span class="segment">There was a problem identified with the sale of prohibited adult products on your online store. In the case that you are intentionally selling adult items, enable Adult content in Settings in your Merchant Center. In your product file, use the </span><span
      class="segment segment-attribute">adult</span><span class="segment"> attribute for specific products.</span>
  </p>
    <p class="content-element root-causes-intro"><span class="segment">Make sure the products meet the policy requirements</span>
    </p>
    <ul class="content-element root-causes">
      <li><p class="tooltip tooltip-style-info"><span class="segment">Adult oriented content may be prohibited or restricted depending on the product sold and the country it is sold</span><span
          class="tooltip-icon"><br></span><span class="tooltip-text"><span class="segment">See a full list of countries in the HelpCenter</span></span>
      </p></li>
      <li><p class="tooltip tooltip-style-info"><span class="segment">Don't list sexually explicit content that is intended to arouse or includes content such as text, image, audio, or video of graphic sexual acts intended to arouse</span><span
          class="tooltip-icon"><br></span><span class="tooltip-text"><span class="segment">Examples: Graphic depictions of sexual acts in progress, including hardcore pornography, any type of genital, anal, or oral sexual activity; graphic depictions of masturbation or genital arousal and language explicitly referencing arousal, masturbation, cartoon porn, or hentai</span></span>
      </p></li>
    </ul>
    <a href="https://support.google.com/merchants/answer/6150138?hl=en-US#wycd-restricted-adult-content"
       class="content-element">Learn more about the Adult-oriented content policy</a></div>
</div>

上記の HTML prerendered_content をスタイル設定なしでアプリに埋め込んだ場合の表示は次のようになります。

画像

複数の CSS クラスを使用して、UI でコンテンツのレンダリング方法を調整できます。使用できる CSS のサンプルを次に示します。

issue-detail {
  text-align: left;
  width: 700px;
  border-radius: 8px;
  background: white;
  margin: 16px;
  padding: 16px;
}

.content-element {
  margin: 8px 0 8px 0;
  display: block;
}

/* callout banners */
.callout-banners {
  margin: 0 0 16px 0;
}

.callout-banner {
  display: block;
  padding: 16px 16px 6px 16px;
  margin: 0 0 8px 0;
  border-radius: 8px;
}

.callout-banner-info {
  background: #e8f0fe;
}

.callout-banner-warning {
  background: #fef7e0;
}

.callout-banner-error {
  background: #fce8e6;
}

/* add an icon to the callout banner */
.callout-banner p {
  background-repeat: no-repeat;
  padding-left: 32px;
}

.callout-banner-error p {
  background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/error/default/20px.svg");
}

.callout-banner-warning p {
  background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/warning/default/20px.svg");
}

.callout-banner-info p {
  background-image: url("https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/search/default/20px.svg");
}

/* segments with style */
.segment-attribute {
  color: #198639;
  font-family: monospace, monospace;
}

.segment-bold {
  font-weight: bold;
}

.segment-italic {
  font-style: italic;
}

/* tooltip */
.tooltip {
  position: relative;
}

.tooltip-style-info .tooltip-icon:before {
  content: '(i)';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 5px;
}

.tooltip-style-question .tooltip-icon:before {
  content: '(?)';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 5px;
}

.tooltip .tooltip-text {
  visibility: hidden;
  text-align: left;
  background: white;
  border-radius: 8px;
  padding: 5px 0;
  border: 1px solid;
  padding: 10px;
  box-shadow: 3px 7px 12px #c1c1c1;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
}

/* table */
table.content-element {
  margin: 16px 0 16px 0;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 1em 0;
}

table.content-element th {
  background-color: #eee;
}

table.content-element th, table td {
  border: 1px solid #ddd;
  font-size: 0.9em;
  padding: 0.3em 1em;
}

/* hidde elements added in future, until they are supported in your application */
.new-element {
  visibility: hidden;
}

上記の CSS を使用すると、レンダリングされたコンテンツは次のようになります。

画像

CSS を使用してツールチップを設定して表示することもできます。

画像

ユーザー入力による組み込みアクションを実装する

ユーザー入力を含む組み込みアクションを使用すると、アプリ内のアプリ内ソリューションとして複雑な診断機能を提供できます。ビジネスが入力情報を提供したり、追加情報を確認したり、リクエストを確認したりできるダイアログとして実装することをおすすめします。

各アクションには 1 つ以上のアクションフローがあります。一部のアクションでは、複数のフローが存在する場合があります。たとえば、ビジネスが決定に異議があるために再審査をリクエストする場合と、すでに問題を修正している場合では、異なるフローを使用できます。

ユーザー入力による複雑なアクションを実装するデータをリクエストするには、user_input_action_option フィールドを BUILT_IN_USER_INPUT_ACTIONS 値に設定する必要があります。

POST https://merchantapi.googleapis.com/issueresolution/v1beta/accounts/{ACCOUNT_ID}:renderaccountissues?timeZone=America/Los_Angeles&languageCode=en-GB
{
"user_input_action_option": "BUILT_IN_USER_INPUT_ACTIONS"
}

{ACCOUNT_ID} は、アクションの処理をトリガーするアカウントの固有識別子に置き換えます。

実装

ユーザー入力をリクエストする診断ページのフローは、次のようになります。

  1. ユーザーがアクション ボタンをクリックします。

    • 利用可能なフローがある場合は、アプリでそれらをすべて提供し、ユーザーがインテントに基づいて選択できるようにします。
    • ユーザーがフローを指定します。

  2. 選択したアクションフローに関するタイトル、メッセージ、コールアウト、ユーザー入力フォームがアプリに表示されます。これらの詳細はダイアログに表示することをおすすめします。

    • コールアウトには、アクションの仕組みや成功するための手順をユーザーが理解できるようにするための重要な情報が含まれています。このメッセージをハイライト表示し、コールアウトの重大度に応じてスタイル設定することをおすすめします。
    • フロー内に入力フィールドがある場合は、ユーザーが値を入力できるように表示する必要があります。入力フィールドに「必須」というマークが付いている場合は、ビジネスが値を指定せずにリクエストを送信できないようにする必要があります。

  3. ユーザーは情報を読み、リクエストされた値を指定します。

  4. ユーザーがボタンをクリックしてリクエストを確認します。

  5. アプリは、問題解決サービスを呼び出してアクションの処理をトリガーします。リクエストの例を次に示します。

    POST https://merchantapi.googleapis.com/issueresolution/v1beta/accounts/{ACCOUNT_ID}:triggeraction

{
  actionContext: "ActionContextValue=",
  actionInput: { actionFlowId: "flow1",
  inputValues: [
  { input_field_id: "input1", checkbox_input_value: { value: true } }
  ]
}

    {ACCOUNT_ID} は、アクションの処理をトリガーするアカウントの固有識別子に置き換えます。

    BuiltInUserInputAction の triggeraction メソッドにアクセスするには、こちらのフォームを使用してリクエストを送信してください。

  6. アプリに、IssueResolution サービスから返された確認メッセージが表示されます。

    • サービスが INVALID_ARGUMENT ステータスで検証エラーを返した場合、詳細情報とローカライズされたエラー メッセージが含まれます。このメッセージはビジネスに表示する必要があります。このようなエラーは、影響を受ける入力フィールドの近くに表示することをおすすめします。レスポンスの例を次に示します。
    {
  "error":
    {
      "code": 400,
      "message": "[actionInput.inputValues] Invalid user input",
      "status": "INVALID_ARGUMENT",
      "details": [
      {
        "@type": "type.googleapis.com/google.rpc.ErrorInfo",
        "reason": "invalid",
        "domain": "global"
      },
      {
        "@type": "type.googleapis.com/google.rpc.BadRequest",
        "fieldViolations": [
          {
            "field": "actionInput.inputValues.input",
            "description": "The field is required"
          }
        ]
      }
    ]
  }
}
    • サービスから無効な状態または内部エラー（FAILED_PRECONDITION ステータスと INTERNAL ステータス）が返された場合は、アプリでページを再読み込みするか、後で再試行するようビジネスに指示する必要があります。