Google、GmailにAMP導入でメールをよりインタラクティブに

Home » 媒体 » ITmedia » Google、GmailにAMP導入でメールをよりインタラクティブに
ITmedia, 海外 コメントはまだありません



ニュース

» 2018年02月14日 07時54分 公開



Googleが、モバイルWeb高速化イニシアチブ「AMP」をGmailに導入する「AMP for Email」を発表した。Pinterestからのメール内のコンテンツをその場で自分のアカウントでピンしたり、Doodleのイベント招待に参加を申し込んだりできる。


[佐藤由紀子,ITmedia]


 米Googleは2月13日(現地時間)、「Accelerated Mobile Pages(AMP)」の技術をGmailに導入する「AMP for Email」を発表した。「Gmail Developer Preview」としてGitHubで公開した。

 AMPを採用したメールでは、例えばイベントへの招待メールにメール内で参加を申し込んだり、アンケートに答えたりできる。

 amp 1
メール内でイベント参加を申し込める

 AMPは同社が2015年に立ち上げた、モバイルWeb高速化を目的としたオープンソースイニシアチブ。当初はパブリッシャー向けに、Webコンテンツの表示を速くすることを目的にしていたが、機能の拡張を重ねて今や「リッチなWebページを構築するための最善の方法の1つになった」とGoogle。

 Pinterest、Booking.com、スケジュール調整サービスのDoodleなどが、既にAMP for Emailを採用したメールを配信しているという。例えばPinterestはメールでユーザーにお勧めのピンを紹介し、ユーザーはメール内で自分のPinterestのアカウントに気に入ったコンテンツをピンできる。

 amp 2
Pinterestのインタラクティブなメール

 Googleによると、メールは自動的にアップデートされるので、ユーザーがメールを開くといつでも最新情報を確認できるという。例えばフライト情報のメールなどで便利そうだ。

 Googleは同日、AMP採用の新コンテンツサービス「AMP stories」も発表した。


Copyright © ITmedia, Inc. All Rights Reserved.

‘; html += ‘

‘; e_dlv.innerHTML = html; cX = cX || {}; cX.callQueue = cX.callQueue || []; cX.callQueue.push([ ‘insertAdSpace’, { adSpaceId:adid, width:’100%’, height:190, initialHorizontalAdUnits:1, initialVerticalAdUnits:1, resizeToContentSize:true, renderTemplateUrl:render } ]); }; var insert_ok = function(_target,_str){ e_body.insertBefore(e_dlv,_target); set_dlv(); }; var insert_ng = function(_str){ e_dlv.style.display = ‘none’; }; var main = function(){ var e_nodes = e_body.childNodes; // BODY 直下子要素 var e_tags = []; // BODY 直下タグ var p_num = []; // BODY 直下 P タグ位置 var p_target_num; // 枠挿入基準位置 var o_float = {}; // 回り込み要素 var o_this = {}; // アクティブタグ var o_next = {}; // アクティブタグの次のタグ var flag_insert = 0; // 挿入フラグ // 回り込み要素チェック var check_float = function(_e){ var e = 0; if(_e.id.match(/^col¥d{3}(l|r)$/)){ e = _e; } return e; }; // 要素の Y 座標と高さの合計値 var get_element_y = function(_e){ var ey = 0; var eh = _e.offsetHeight; while(_e){ ey += _e.offsetTop; _e = _e.offsetParent; } return ey + eh; }; var check_ptag = function(_e){ var e = 0; if(_e.tagName && _e.tagName === ‘P’){ e = _e; } return e; }; var try_insert = function(){ p_target_num = Math.floor(p_num.length / 2) – 1; if(p_target_num >= _maxrange) p_target_num = _maxrange; for(var i = p_num[p_target_num]; i = _threshold){ try_insert(); }else{ insert_ng(‘P タグ ‘ + _threshold + ‘ 以下’); } }; if(e_body){ main(); }else{ insert_ng(‘記事本文なし’); }
})(document,4,5);






コメントを残す