2017-05-15 15 views
1

私はニュースを集約するためにWebアプリケーションで作業しています。携帯端末でGoogle検索結果を表示するのと同じウィンドウにアンプ対応のページを表示したい私のウェブサイトにAMPページを埋め込む方法は?

当社のウェブサイトにアンプページを埋め込む方法に関する単一の文書は見つかりませんでした。なぜならCORSのページをロードしません。この1は、クロムので、couldntのテストでは無効になっていて、さらに、(?私はそれがgoogle.comのためのCORS制限を無視するんだろう) -

は、私はこれらの2 links-

PolyerLabてみました

AMP by Example - 公式ampprojectのウェブサイトからのビューアは、 `viewer.html」のために必要なファイルamp-viewer-host.max.jsviewer-integr-messaging.jsはgitリポジトリから欠落しています。

これについてもstackoverflowに関する質問はありません。誰もこれのようなものをすでに実装していますか?大いに助けてください!

+0

何? –

+0

いつもうまくいかない、例えばhttp://m.economictimes.com/news/defence/india-pakistan-face-off-at-international-court-of-justice-over-kulbhushan-jadhav/amp_articleshow/58687084 .cmsでも動作しません。http://www.thehindu.com/news/international/we-want-india-in-peace-process-says-palestine-president-mahmoud-abbas/article18459281.ece/amp/ –

答えて

3

example in the official repositoryは、独自のAMPビューアの実装を開始する最善の方法です。 build the AMP runtime locallyのときはamp-viewer-host.max.jsになります。 gulp buildの後には、dist/v0/examples/amp-viewer-host.max.jsにあります。もう1つのファイルviewer-integr-messaging.jsは不要です。

0

amphtml &アンプページのURLを持つ実際のサイトページに行くことができます。そのURLをiframeにロードするだけです。 例:
サイトページ:アイフレームについて

www.example.com/product_page it has <link rel="amphtml" href="www.example.com/product_page_amp-version.html"> in its <head> 
to embed use 
<iframe src="www.example.com/product_page_amp-version.html"></iframe> 
関連する問題