Masalah tampilan dan solusinya kepada penjual

Panduan ini menjelaskan cara developer aplikasi pihak ketiga menggunakan layanan MerchantSupport untuk membuat halaman diagnostik dalam aplikasi bagi penjual mereka.

Anda dapat menggunakan layanan ini untuk membuat UI yang mirip dengan halaman diagnostik akun dan masalah produk Merchant Center.

Layanan MerchantSupport hanya untuk UI pihak ketiga. Permintaan harus dipicu saat penjual berinteraksi dengan UI aplikasi Anda. Untuk mengotomatiskan diagnostik untuk akun penjual Anda sendiri, lihat panduan status akun, status produk, dan pemfilteran produk.

Sebaiknya sediakan halaman berikut di aplikasi Anda untuk membantu penjual memecahkan masalah:

  • Diagnostik akun
  • Diagnostik produk

Berbagai opsi untuk menerapkan halaman diagnostik

Anda dapat menerapkan halaman diagnostik dengan berbagai cara. Berdasarkan kebutuhan Anda, pilih opsi yang menentukan cara penanganan tindakan diagnostik yang kompleks. Dalam permintaan, Anda dapat menetapkan user_input_action_option ke salah satu opsi berikut:

  • REDIRECT_TO_MERCHANT_CENTER: Ini adalah opsi default. Tindakan yang memerlukan tampilan konten tambahan atau menerima input tambahan dari penjual tidak sepenuhnya diterapkan di aplikasi Anda. Untuk tindakan tersebut, API menyediakan link untuk mengalihkan ke halaman yang sesuai di Merchant Center tempat penjual dapat melakukan tindakan.

  • BUILT_IN_USER_INPUT_ACTIONS: Anda dapat menerapkan tindakan kompleks yang memerlukan input pengguna sebagai solusi dalam aplikasi di aplikasi Anda.

Mengimplementasikan halaman diagnostik

Bagian ini membahas cara menerapkan halaman diagnostik. Fitur ini menggunakan opsi default (sederhana) untuk menangani tindakan yang kompleks sebagai pengalihan ke Merchant Center.

Untuk penerapan yang lebih canggih dengan tindakan dalam aplikasi, tinjau bagian berikut dan lihat Menerapkan tindakan bawaan dengan input pengguna.

Penerapan

Berikut adalah saran kami untuk alur halaman diagnostik Anda:

  1. Penjual membuka halaman diagnostik di aplikasi Anda.
  2. Aplikasi Anda meminta diagnostik dengan memanggil layanan MerchantSupport.

    Berikut adalah contoh permintaan:

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

    Ganti {merchantId} dengan ID unik akun yang ingin Anda picu pemrosesan tindakannya.

  3. Aplikasi Anda menampilkan diagnostik dan tindakan yang direkomendasikan dari respons kepada penjual. Berikut adalah contoh respons:

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

    Sebaiknya tampilkan masalah sesuai urutan yang ditampilkan, dengan title dan impact.message. Sebaiknya tampilkan impact.breakdowns masalah saat penjual mengarahkan kursor ke judul atau deskripsi masalah.

  4. Penjual mengklik masalah dari daftar.

  5. Aplikasi Anda menampilkan impact mendetail dari setiap masalah per country, destination, prerendered_content, prerendered_out_of_court_dispute_settlement dan tombol untuk actions yang dapat dilakukan penjual untuk menyelesaikan masalah. Ada berbagai jenis tindakan:

    1. Tindakan eksternal: Arahkan ke halaman eksternal, misalnya, di Merchant Center, tempat penjual dapat menyelesaikan masalah.
    2. Tindakan sederhana bawaan: Arahkan ke halaman di aplikasi Anda tempat penjual dapat menyelesaikan masalah.
    3. Tindakan input pengguna bawaan: Membuka dialog tempat penjual dapat memberikan informasi yang diperlukan dan meminta tindakan. Jenis tindakan ini hanya tersedia jika BUILT_IN_USER_INPUT_ACTIONS diminta.
  6. Penjual mengikuti petunjuk untuk menyelesaikan masalah.

  7. Penjual memuat ulang halaman diagnostik di aplikasi Anda.

  8. Aplikasi Anda mengirimkan permintaan lain ke layanan MerchantSupport, dan menampilkan daftar masalah yang diperbarui.

Anda dapat membandingkan informasi yang ditampilkan oleh aplikasi yang sudah selesai dengan halaman diagnostik di Merchant Center untuk memverifikasi penerapan Anda.

Tiruan UI

Berikut adalah contoh cara menampilkan informasi dari respons renderaccountissues di halaman diagnostik akun Anda. Objek di UI dipetakan ke kolom API yang sesuai dalam tiruan. Anda dapat membuat halaman yang serupa untuk masalah produk.

gambar

Berikut adalah tampilan halaman diagnostik akun yang terisi:

gambar

Gaya HTML yang dirender sebelumnya

Respons dari pemanggilan layanan MerchantSupport menyertakan kolom prerendered_content, detail setiap masalah dalam HTML. Respons juga dapat menyertakan kolom prerendered_out_of_court_dispute_settlement, HTML dengan petunjuk untuk penyelesaian sengketa di luar pengadilan. Anda dapat menyematkan konten HTML ini langsung ke UI untuk menampilkan masalah dalam format yang dapat dibaca.

Memberi gaya pada HTML konten yang telah dipra-render

Anda mungkin melihat elemen HTML dengan class new-element. Class new-element diterapkan ke elemen yang ditambahkan ke HTML setelah Anda berintegrasi dengan layanan MerchantSupport. Sebaiknya sembunyikan elemen dengan class new-element, sehingga Anda dapat menata gaya elemen ini sebelum ditampilkan kepada pengguna di aplikasi Anda.

Berikut adalah contoh nilai kolom 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>

Berikut adalah tampilannya jika Anda menyematkan prerendered_content HTML sebelumnya di aplikasi tanpa gaya apa pun:

gambar

Anda dapat menggunakan beberapa class CSS untuk menyesuaikan cara konten dirender di UI. Berikut adalah contoh CSS yang dapat Anda gunakan:

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

Berikut tampilan konten yang dirender jika Anda menggunakan CSS sebelumnya:

gambar

Anda juga dapat mengonfigurasi dan menampilkan tooltip dengan CSS:

gambar

Gaya HTML yang telah dipra-render untuk penyelesaian sengketa di luar pengadilan

Berikut adalah contoh nilai kolom 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>

Berikut adalah tampilannya jika Anda menyematkan prerendered_out_of_court_dispute_settlement HTML sebelumnya di aplikasi tanpa gaya apa pun:

gambar

Anda dapat menggunakan beberapa class CSS untuk menyesuaikan cara bagian ini dirender di UI. Berikut adalah contoh CSS yang dapat Anda gunakan:

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

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

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

Berikut tampilan konten yang dirender jika Anda menggunakan CSS sebelumnya:

gambar

Menerapkan tindakan bawaan dengan input pengguna

Tindakan bawaan dengan input pengguna memungkinkan Anda memberikan kemampuan diagnostik yang kompleks sebagai solusi dalam aplikasi di aplikasi Anda. Sebaiknya terapkan dialog ini sebagai dialog tempat penjual dapat memberikan input, membaca informasi tambahan, dan mengonfirmasi permintaan.

Setiap tindakan berisi satu atau beberapa alur tindakan. Untuk beberapa tindakan, dapat ada lebih dari satu alur. Misalnya, mungkin ada alur yang berbeda saat penjual meminta peninjauan tambahan karena tidak setuju dengan keputusan dan alur yang berbeda saat mereka sudah memperbaiki masalah.

Untuk meminta data guna menerapkan tindakan kompleks dengan input pengguna, Anda harus menetapkan kolom user_input_action_option ke nilai 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"
}

Ganti {merchantId} dengan ID unik akun yang ingin Anda picu pemrosesan tindakannya.

Penerapan

Berikut adalah saran kami untuk alur halaman diagnostik yang meminta input pengguna:

  1. Penjual mengklik tombol tindakan.

    • Jika ada beberapa alur yang tersedia, aplikasi Anda akan menawarkan semuanya sehingga penjual dapat memilih salah satunya, berdasarkan intent mereka.
    • Penjual memilih alur.
  2. Aplikasi Anda menampilkan judul, pesan, info, dan formulir input pengguna untuk alur tindakan yang dipilih. Sebaiknya tampilkan detail ini dalam dialog.

    • Info, jika ada, berisi informasi penting yang bertujuan untuk membantu penjual lebih memahami cara kerja tindakan dan apa yang harus dilakukan untuk berhasil. Sebaiknya tandai pesan ini dan sesuaikan gayanya sesuai dengan tingkat keparahan info.
    • Jika ada kolom input dalam alur, kolom tersebut harus ditampilkan agar penjual dapat memberikan nilai. Jika kolom input ditandai sebagai wajib, aplikasi Anda tidak boleh mengizinkan penjual mengirim permintaan sebelum mereka memberikan nilai.
  3. Penjual membaca informasi dan memberikan nilai yang diminta.

  4. Penjual mengonfirmasi permintaannya dengan mengklik tombol.

  5. Aplikasi Anda memicu pemrosesan tindakan dengan memanggil layanan MerchantSupport. Berikut adalah contoh permintaan:

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

    Ganti {merchantId} dengan ID unik akun yang ingin Anda picu pemrosesan tindakannya.

    Untuk mengakses metode triggeraction untuk BuiltInUserInputAction, kirimkan permintaan menggunakan formulir ini.

  6. Aplikasi Anda menampilkan pesan konfirmasi yang ditampilkan dari layanan MerchantSupport.

    • Jika layanan menampilkan error validasi dengan status INVALID_ARGUMENT, layanan tersebut akan berisi informasi mendetail dan pesan error yang dilokalkan yang harus ditampilkan kepada penjual. Sebaiknya tampilkan error tersebut di dekat kolom input yang terpengaruh. Berikut adalah contoh respons sampel:
    {
      "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"
              }
            ]
          }
        ]
      }
    }
    
    • Jika layanan menampilkan status tidak valid atau error internal, yang ditunjukkan dengan status FAILED_PRECONDITION dan INTERNAL, aplikasi harus menginstruksikan penjual untuk memuat ulang halaman atau mencoba lagi nanti.