GoogleまでSnapchatのような「ストーリー」開始 AMPで

Home » 媒体 » ITmedia » GoogleまでSnapchatのような「ストーリー」開始 AMPで
ITmedia, 海外 コメントはまだありません



ニュース

» 2018年02月14日 09時02分 公開



Googleが、「Accelerated Mobile Pages(AMP)」の新コンテンツサービス「AMP Stories」を発表した。SnapchatやInstagramの「ストーリー」のように、カード状にまとめられた画像・動画集で、検索結果に表示されるようになる。


[佐藤由紀子,ITmedia]


 米Googleは2月13日(現地時間)、「Accelerated Mobile Pages(AMP)」の技術を採用する新コンテンツサービス「AMP stories」を発表した。米SnapのSnapchatや米Facebook傘下のInstagramやWhatsAppにある「ストーリー」のように、複数の画像や動画をまとめたカード状のコンテンツを表示する機能だ。

 amp 1
WiredのAMP stories

 開発者プレビューを専用サイトで公開した。一般ユーザーでも自分のAMP storyを構築できる。立ち上げ段階で、Wired、CNN、The Washington Post、Mashableなどのメディアが自社メディアのAMP storiesコンテンツを公開した。

 amp 2
参加メディアの一部

 AMP storiesは、Google検索の検索結果に表示されるようになる見込み。現在は、Android端末のChromeブラウザで「g.co/ampstories」を開き、そこで対応メディア(例えばWired)を検索すると表示される。

 Googleは同日、AMP採用のGmailの新機能「AMP for Mail」も発表した。


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






コメントを残す