Wyświetlaj sprzedawcom problemy i rozwiązania

Z tego przewodnika deweloperzy aplikacji innych firm dowiedzą się, jak używać usługi MerchantSupport do tworzenia w aplikacji strony diagnostyki dla sprzedawców.

Za pomocą tej usługi możesz tworzyć interfejsy użytkownika podobne do stron diagnostyka konta i problemy z produktami w Merchant Center.

Usługa MerchantSupport jest przeznaczona tylko dla interfejsów użytkownika innych firm. Żądania powinny być wywoływane, gdy sprzedawca wchodzi w interakcję z interfejsem użytkownika Twojej aplikacji. Aby zautomatyzować diagnostykę na własnym koncie sprzedawcy, zapoznaj się z przewodnikami Stan konta, Stan produktu i Filtrowanie produktów.

Aby pomóc sprzedawcom w rozwiązywaniu problemów, zalecamy udostępnienie w aplikacji tych stron:

  • Diagnostyka konta
  • Diagnostyka produktów

Różne opcje implementacji strony diagnostyki

Stronę diagnostyki możesz zaimplementować na różne sposoby. W zależności od potrzeb wybierz opcję, która określa, jak złożone działania diagnostyczne są obsługiwane. W żądaniu możesz ustawić user_input_action_option na jedną z tych opcji:

  • REDIRECT_TO_MERCHANT_CENTER: to opcja domyślna. Działania, które wymagają wyświetlenia dodatkowych treści lub otrzymania dodatkowych danych od sprzedawcy, nie są w pełni zaimplementowane w Twojej aplikacji. W ich przypadku interfejs API udostępnia link do przekierowania na odpowiednią stronę w Merchant Center, na której sprzedawca może wykonać działanie.

  • BUILT_IN_USER_INPUT_ACTIONS: możesz zaimplementować złożone działania, które wymagają danych wejściowych użytkownika, jako rozwiązanie w aplikacji.

Implementowanie strony diagnostyki

W tej sekcji dowiesz się, jak zaimplementować stronę diagnostyki. Używa ona domyślnej (prostej) opcji obsługi złożonych działań jako przekierowań do Merchant Center.

Aby uzyskać bardziej zaawansowaną implementację z działaniami w aplikacji, zapoznaj się z tymi sekcjami i zobacz Implementowanie wbudowanego działania z danymi wejściowymi użytkownika.

Implementacja

Oto jak powinien wyglądać przepływ na stronie diagnostyki:

  1. Sprzedawca otwiera stronę diagnostyki w Twojej aplikacji.

  2. Twoja aplikacja wysyła żądanie diagnostyki, wywołując usługę MerchantSupport.

    Oto przykładowe żądanie:

    POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/renderaccountissues?timeZone=America/Los_Angeles&languageCode=en-GB {}

    Zastąp {merchantId} unikalnym identyfikatorem konta, dla którego chcesz wywołać przetwarzanie działania.

  3. Twoja aplikacja wyświetla sprzedawcy diagnostykę i zalecane działania z odpowiedzi. Oto przykładowa odpowiedź:

    {
  "issues": [
    {
      "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
        }
      ]
    }
  ]
}

    Zalecamy wyświetlanie problemów w kolejności, w jakiej są zwracane, z polami title i impact.message. Zalecamy też wyświetlanie pola impact.breakdowns problemu, gdy sprzedawca najedzie kursorem na tytuł lub opis problemu.

  4. Sprzedawca klika problem na liście.

  5. Twoja aplikacja wyświetla szczegółowe informacje o impact każdego problemu według country, destination, prerendered_content, prerendered_out_of_court_dispute_settlement oraz przyciski actions, które sprzedawca może podjąć, aby rozwiązać problem. Istnieją różne rodzaje działań:

    1. Działania zewnętrzne: wskazują stronę zewnętrzną, np. w Merchant Center, na której sprzedawca może rozwiązać problem.
    2. Wbudowane proste działania: wskazują stronę w Twojej aplikacji, na której sprzedawca może rozwiązać problem.
    3. Wbudowane działania z danymi wejściowymi od użytkownika: otwierają okno, w którym sprzedawca może podać wymagane informacje i poprosić o wykonanie działania. Ten typ działania jest dostępny tylko wtedy, gdy zażądano BUILT_IN_USER_INPUT_ACTIONS.

  6. Sprzedawca postępuje zgodnie z instrukcjami, aby rozwiązać problem.

  7. Sprzedawca ponownie wczytuje stronę diagnostyki w Twojej aplikacji.

  8. Twoja aplikacja wysyła kolejne żądanie do usługi MerchantSupport i wyświetla zaktualizowaną listę problemów.

Aby sprawdzić implementację, możesz porównać informacje wyświetlane przez ukończoną aplikację ze stronami diagnostyki w Merchant Center.

Makiety interfejsu użytkownika

Oto przykład, jak możesz wyświetlać informacje z odpowiedzi renderaccountissues na stronie diagnostyki konta. Obiekty w interfejsie użytkownika są mapowane na odpowiednie pola interfejsu API w makiecie. Możesz utworzyć podobną stronę dla problemów z produktami.

obraz

Oto jak wygląda wypełniona strona diagnostyki konta:

obraz

Stylizowanie wstępnie wyrenderowanego kodu HTML

Odpowiedź na wywołanie usługi MerchantSupport zawiera pole prerendered_content z informacjami o każdym problemie w formacie HTML. Odpowiedź może też zawierać pole prerendered_out_of_court_dispute_settlement z kodem HTML zawierającym instrukcje dotyczące pozasądowego rozstrzygania sporów. Możesz osadzić tę zawartość HTML bezpośrednio w interfejsie użytkownika, aby wyświetlać problem w czytelnym formacie.

Stylizowanie wstępnie wyrenderowanej zawartości HTML

Możesz zobaczyć elementy HTML z klasą new-element. Klasa new-element jest stosowana do elementów dodawanych do kodu HTML po zintegrowaniu z usługą MerchantSupport. Zalecamy ukrywanie elementów z klasą new-element, aby można było je stylizować, zanim zostaną wyświetlone użytkownikom w aplikacji.

Oto przykład wartości pola 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>

Oto jak wyglądałoby osadzenie w aplikacji powyższego kodu HTML prerendered_content bez stylizacji:

obraz

Możesz użyć kilku klas CSS, aby dostosować sposób renderowania treści w interfejsie użytkownika. Oto przykładowy kod CSS, którego możesz użyć:

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;
}

Oto jak wygląda wyrenderowana treść, jeśli użyjesz powyższego kodu CSS:

obraz

Możesz też skonfigurować i wyświetlać etykietki narzędzi za pomocą CSS:

obraz

Stylizowanie wstępnie wyrenderowanego kodu HTML na potrzeby pozasądowego rozstrzygania sporów

Oto przykład wartości pola prerendered_out_of_court_dispute_settlement:

<details class="ods-section" open="">
  <summary>Show additional options available to you</summary>
  <p class="ods-description">
    <span class="segment">You may have the option to request an external appeal. You'll also be asked to provide your routing and reference IDs.</span>
    <a href="https://support.google.com/european-union-digital-services-act-redress-options?hl=en-US"
       target="_blank" class="segment">Learn more about external appeals</a>
  </p>
  <p class="ods-param ods-routing-id">
    <span class="segment ods-param-header">Routing ID:</span>
    <span class="segment ods-param-value">RDAX</span>
  </p>
  <p class="ods-param ods-reference-id">
    <span class="segment ods-param-header">Reference ID:</span>
    <span class="segment ods-param-value">672911686</span>
  </p>
</details>

Oto jak wyglądałoby osadzenie w aplikacji powyższego kodu HTML prerendered_out_of_court_dispute_settlement bez stylizacji:

obraz

Możesz użyć kilku klas CSS, aby dostosować sposób renderowania tej sekcji w interfejsie użytkownika. Oto przykładowy kod CSS, którego możesz użyć:

.ods-param-value {
  background: #dee1e37d;
  font-family: monospace, monospace;
  padding: 3px;
}

.ods-param-header {
  font-size: .75rem;
}

.ods-section summary {
  font-size: .75rem;
}

Oto jak wygląda wyrenderowana treść, jeśli użyjesz powyższego kodu CSS:

obraz

Implementowanie wbudowanego działania z danymi wejściowymi użytkownika

Wbudowane działanie z danymi wejściowymi użytkownika umożliwia udostępnienie złożonej funkcji diagnostycznej jako rozwiązania w aplikacji. Zalecamy zaimplementowanie go jako okna, w którym sprzedawca może podać dane wejściowe, przeczytać dodatkowe informacje i potwierdzić żądanie.

Każde działanie zawiera co najmniej 1 przepływ. W przypadku niektórych działań może być więcej niż 1 przepływ. Na przykład może istnieć inny przepływ, gdy sprzedawca poprosi o dodatkowe sprawdzenie, ponieważ nie zgadza się z decyzją, a inny, gdy problem został już rozwiązany.

Aby poprosić o dane do zaimplementowania złożonych działań z danymi wejściowymi użytkownika, musisz ustawić pole user_input_action_option na wartość BUILT_IN_USER_INPUT_ACTIONS.

POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/renderaccountissues

{
  "user_input_action_option": "BUILT_IN_USER_INPUT_ACTIONS"
}

Zastąp {merchantId} unikalnym identyfikatorem konta, dla którego chcesz wywołać przetwarzanie działania.

Implementacja

Oto jak powinien wyglądać przepływ na stronie diagnostyki, która wymaga danych wejściowych od użytkownika:

  1. Sprzedawca klika przycisk polecenia.

    • Jeśli dostępnych jest kilka przepływów, Twoja aplikacja oferuje je wszystkie, aby sprzedawca mógł wybrać jeden na podstawie swoich intencji.
    • Sprzedawca wybiera przepływ.

  2. Twoja aplikacja wyświetla tytuł, wiadomość, wyróżnienie i formularz danych wejściowych użytkownika dla wybranego przepływu działania. Zalecamy wyświetlanie tych informacji w oknie.

    • Wyróżnienie, jeśli jest obecne, zawiera ważne informacje, które mają pomóc sprzedawcy lepiej zrozumieć, jak działa działanie i co należy zrobić, aby osiągnąć sukces. Zalecamy wyróżnienie tej wiadomości i stylizowanie jej zgodnie z ważnością wyróżnienia.
    • Jeśli w przepływie znajdują się pola do wprowadzania danych, muszą być one wyświetlane, aby sprzedawca mógł podać wartości. Jeśli pole do wprowadzania danych jest oznaczone jako wymagane, Twoja aplikacja nie powinna zezwalać sprzedawcy na wysłanie żądania, dopóki nie poda on wartości.

  3. Sprzedawca czyta informacje i podaje wymagane wartości.

  4. Sprzedawca potwierdza żądanie, klikając przycisk.

  5. Twoja aplikacja wywołuje przetwarzanie działania, wywołując usługę MerchantSupport. Oto przykładowe żądanie:

    POST https://shoppingcontent.googleapis.com/content/v2.1/{merchantId}/merchantsupport/triggeraction

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

    Zastąp {merchantId} unikalnym identyfikatorem konta, dla którego chcesz wywołać przetwarzanie działania.

  1. Twoja aplikacja wyświetla komunikat z potwierdzeniem zwrócony przez usługę MerchantSupport.

    • Jeśli usługa zwróci błąd weryfikacji ze stanem INVALID_ARGUMENT `INVALID_ARGUMENT`, zawiera on szczegółowe informacje i zlokalizowany komunikat o błędzie, który należy wyświetlić sprzedawcy. Zalecamy wyświetlanie takiego błędu w pobliżu pola do wprowadzania danych, którego dotyczy. Oto przykład przykładowej odpowiedzi:
    {
  "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"
          }
        ]
      }
    ]
  }
}
    • Jeśli usługa zwróci nieprawidłowy stan lub błąd wewnętrzny oznaczony stanami FAILED_PRECONDITION i INTERNAL, aplikacja powinna poinstruować sprzedawcę, aby ponownie wczytał stronę lub spróbował później.