AMPでGoogleドキュメント、スプレッドシート、プレゼンテーションを埋め込み表示する方法

AMPでGoogleドキュメント、スプレッドシート、プレゼンテーションを埋め込み表示する方法



国内最速・高安定の高性能レンタルサーバー【ConoHa WING】

WordPressのテーマをAMP対応するにあたり、Googleドキュメント、スプレッドシート、プレゼンテーションの埋め込みをどのように処理するかを確認しました。

amp-google-document-embedを使えば簡単に終わると思ったのですが、プレゼンテーションだけは接続出来ませんでした。

amp-google-document-embed
参考
amp-google-document-embed

Use the amp-google-document-embed component to embed PDFs and other documents formats directly into your AMP HTML files.

amp-google-document-embed

<amp-google-document-embed
	src="https://docs.google.com/document/d/e/*****/pub"
	width="210" height="297" layout="responsive">
</amp-google-document-embed>
<amp-google-document-embed
	src="https://docs.google.com/spreadsheets/d/e/*****/pubhtml?gid=0&single=true"
	width="16" height="9" layout="responsive">
</amp-google-document-embed>
</section>
<amp-google-document-embed
src="https://docs.google.com/presentation/d/e/*****/pub?start=true&loop=true&delayms=10000"
width="16" height="9" layout="responsive">
</amp-google-document-embed>

代わりにamp-iframeを使って対応出来ました。amp-google-document-embedは取り敢えず外部ドキュメントファイルのみ使うことにします。

amp-iframe
参考
amp-iframe

Use amp-iframe for embedding content into AMP files via iframe.

amp-iframe

今日はここまで

コメントを残す

メールアドレスが公開されることはありません。