ワンクリック アクション

ユーザーは、ワンクリック操作により、Gmail を離れることなく、受信トレイから直接操作を行うことができます。ワンクリック アクションを実行するには、HttpActionHandler にサービス URL を宣言します。詳細については、アクション リクエストの処理をご覧ください。

Gmail の確認ボタン
Gmail でワンクリックで操作。

ユースケース

現在 Gmail でサポートされているワンクリック アクションは次のとおりです。

操作を確認

ユーザーに承認、確認、承認を求めるメールに、ワンクリックで確認ボタンを追加することができます。ユーザーがこのボタンをクリックすると、Google からサービスに HTTP リクエストが発行され、確認が記録されます。ConfirmAction は 1 回だけ操作できます。

次の宣言では、経費報告書に関するメールに ConfirmAction ボタンを追加します。

JSON-LD

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "potentialAction": {
    "@type": "ConfirmAction",
    "name": "Approve Expense",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://myexpenses.com/approve?expenseId=abc123"
    }
  },
  "description": "Approval request for John's $10.13 expense for office supplies"
}
</script>

microdata

<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="potentialAction" itemscope itemtype="http://schema.org/ConfirmAction">
    <meta itemprop="name" content="Approve Expense"/>
    <div itemprop="handler" itemscope itemtype="http://schema.org/HttpActionHandler">
      <link itemprop="url" href="https://myexpenses.com/approve?expenseId=abc123"/>
    </div>
  </div>
  <meta itemprop="description" content="Approval request for John's $10.13 expense for office supplies"/>
</div>

アクションを保存

SaveAction は、クーポンの保存やリッスンキューへの曲の追加などの操作を記述するために使用できます。SaveAction は 1 回だけ操作できます。

次の宣言では、特典に関するメールに SaveAction ボタンを追加します。

JSON-LD

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "potentialAction": {
    "@type": "SaveAction",
    "name": "Save Offer",
    "handler": {
      "@type": "HttpActionHandler",
      "url": "https://offers-everywhere.com/save?offerId=xyz789"
    }
  },
  "description": "$5 meal at Joe's Diner"
}
</script>

microdata

<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="potentialAction" itemscope itemtype="http://schema.org/SaveAction">
    <meta itemprop="name" content="Save Offer"/>
    <div itemprop="handler" itemscope itemtype="http://schema.org/HttpActionHandler">
      <link itemprop="url" href="https://offers-everywhere.com/save?offerId=xyz789"/>
    </div>
  </div>
  <meta itemprop="description" content="$5 meal at Joe's Diner"/>
</div>

マークアップをテスト

マークアップの検証は、メール マークアップ テスター ツールを使って行うことができます。マークアップ コードを貼り付け、[Validate] ボタンをクリックしてコンテンツをスキャンし、エラーが見つかった場合のレポートを受け取ります。

仕様

これらのアクションで使用できるプロパティについては、ConfirmAction と SaveAction の各タイプのドキュメントをご覧ください。