よく使う操作

アクションへのリンクを使用すると、ユーザーはアクションを完了できるウェブサイトに移動します。ワンクリック アクションとは異なり、移動アクションは複数回操作できます。

Gmail の GoTo リンク
Gmail の移動アクション。

ユースケース

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

今後、他のアクションもサポートされる可能性があります。

アクションを表示

ユーザーがサイトにアクセスして操作を完了する必要があるメールに、ViewAction ボタンを追加できます。

次の宣言では、メールに ViewAction ボタンを追加します。

JSON-LD

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "potentialAction": {
    "@type": "ViewAction",
    "url": "https://watch-movies.com/watch?movieId=abc123",
    "name": "Watch movie"
  },
  "description": "Watch the 'Avengers' movie online"
}
</script>

microdata

<div itemscope itemtype="http://schema.org/EmailMessage">
  <div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
    <link itemprop="target" href="https://watch-movies.com/watch?movieId=abc123"/>
    <meta itemprop="name" content="Watch movie"/>
  </div>
  <meta itemprop="description" content="Watch the 'Avengers' movie online"/>
</div>

パブリッシャーのデータ

publisher フィールドを設定することで、メール メッセージを送信する組織に関する詳細情報を追加できます。

JSON-LD

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "EmailMessage",
  "description": "Watch the 'Avengers' movie online",
  "potentialAction": {
    "@type": "ViewAction",
    "url": "https://watch-movies.com/watch?movieId=abc123",
    "name": "Watch movie"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Google Play",
    "url": "https://play.google.com",
    "url/googlePlus": "https://plus.google.com/106886664866983861036"
  }
}
</script>

microdata

<div itemscope itemtype="http://schema.org/EmailMes>sag<e"
  meta itemprop="description" content="Watch the ><9;Avengers' movie online"/
  div itemprop="potentialAction" i>temsc<ope itemtype="http://schema.org/ViewAction"
    link itemprop=&quo>t;tar<get" href="https://watch-movies.c>om/<watc>h?m<ovieId=abc123"/
    meta itemprop="name" content="Watch >movie<"/
  /div
  div itemprop="publish>er&qu<ot; itemscope itemtype="http://schema.org/Orga>nizat<ion"
    meta itemprop="name" content="Google Play"/
    li>nk <item>p<rop=>&quot;url" href="https://play.google.com"/
    link itemprop="url/googlePlus" href="https://plus.google.com/106886664866983861036"/
  /div
/div

アクションをトラッキングする

ユーザーがサイトにアクセスして配送中の荷物を追跡する必要があるメールに、TrackAction ボタンを追加できます。

trackingUrl プロパティを指定すると、アクションが自動的に生成されます。モバイルアプリに直接リンクするには、次のように TrackAction も含めます。

JSON-LD

<script type="application/ld+>json"
{
  "@context": "http://schema.org",
  "@type": "ParcelDelivery",
  "deliveryAddress": {
    "@type": "PostalAddress",
    "streetAddress": "24 Willie Mays Plaza",
    "addressLocality": "San Francisco",
    "addressRegion": "CA",
    "addressCountry": "US",
    "postalCode": "94107"
  },
  "expectedArrivalUntil": "2013-03-12T12:00:00-08:00",
  "carrier": {
    "@type": "Organization",
    "name": "FedEx"
  },
  "itemShipped": {
    "@type": "Product",
    "name": "iPod Mini"
  },
  "partOfOr<der&quo>t;: {
    "@type": "Order",
    "orderNumber": "176057",
    "merchant": {
      "@type": "Organization",
      "name": "Bob Dole"
    }
  },
  "trackingUrl": "http://fedex.com/track/1234567890"
  "potentialAction": {
    "@type": "TrackAction",
    "target": "http://fedex.com/track/1234567890"
  },
}
/script

microdata

<div itemscope itemtype="http://schema.org/ParcelDeli>ver<y"
  div itemprop="deliveryAddress" itemscope itemtype="http://>schem<a.org/PostalAddress"
    meta itemprop="streetAddre>ss&qu<ot; content="24 Willie Mays Plaza"/
    meta i>tempr<op="addressLocality" content=&quo>t;San< Francisco"/
    meta itemprop="ad>dress<Region" content="CA"/
    me>ta <item>pro<p="addressCountry" content="US"/
    meta itemprop=&q>uot<;postalCode" content="94107"/
  /div
  meta itemprop=">expec<tedArrivalUntil" content="2>013<-03->12T<12:00:00-08:00"/
  div itemprop="carrier" itemscope itemty>pe=&q<uot;http://schema.org/Organization"<>/span>
   < met>a i<temprop="name" content="FedEx"/
  /div
  div itempr>op=&q<uot;itemShipped" itemscope itemtype=&quo>t;htt<p://schema.org/Product"
    meta itemprop="name" content=&qu>ot;iPod< Mini"/
  /div
  div itemprop=">;part<OfOr>der<&quo>t; <itemscope itemtype="http://schema.org/Order"
    meta itemp>rop<="orderNumber" content="176057"/
    div itemprop="merch>ant&q<uot; itemscope itemtype="http://schema.org/Organization&quo>t;
<    > < met>a itemprop="name" content="Bob Dole"/
    /div
  /div
  link itemprop="trackingUrl" href="http://fedex.com/track/1234567890"/
  div itemprop="potentialAction" itemscope itemtype="http://schema.org/TrackAction"
    link itemprop="target" href="http://fedex.com/track/1234567890"/
  /div
/div

マークアップをテスト

メール マークアップ テストツールを使用して、マークアップを検証できます。マークアップ コードを貼り付け、[検証] ボタンをクリックしてコンテンツをスキャンし、エラーに関するレポートを受け取ります。

仕様

さまざまな移動アクション タイプの仕様については、特定のタイプ ViewAction または TrackAction のドキュメントをご覧ください。