Smartphoneblog-RuinDig短かったり長かったりする。ウェブサイトをブログの記事などに埋め込む際のカード表示生成ツールを提供するウェブサイトにEmbedlyというのがある。Generator(エンベッドコードジェネレーター)。トップページの画面上にある「PRODUCT」にマウスカーソルを乗せるとメニューが展開するので「Cards」を選ぶ。すると、コードジェネレーターの画面に移る。Tools」のページが開く。started」が見えてくるので大きく描かれたマークをクリックする。後は2.から3.の手順でアクセスする。embed」にコピーしたPDFのURLを貼り付ける(ペーストする)。するとページ下にこのようなプレビューが表示される。経済産業省の『キャッシュレス・ビジョン』のURL(https://www.meti.go.jp/press/2018/04/20180411001/20180411001-1.pdf)を貼り付けた。Code」の欄にブログやウェブサイトへの埋め込みに必要なHTMLコードが載る。右側にある「Customize」の項目を編集するとその都度コードが変更される。Embed」にチェックが付いているが、今回はそれらを外した。発行された埋め込みコードをコピーしてHTMLの編集画面で貼り付けると以下のようになる。2020年1月20日参照。PDF埋め込みの右上は「ポップアウト」のボタンになっていて、クリックするとGoogleドライブのビューアーが開く。押すと元のPDFファイルを開く事ができる。今回埋め込んだコードは以下の通り。charset="UTF-8"></script>なお、PDFによっては埋め込み表示が出来ないものもある。何が原因なのか分からなかったのでURLを貼り付けてみなければ埋め込み表示ができるかは分からない。一般公開)』のURL(https://www.kunaicho.go.jp/event/pdf/inui-r01aki-map1.pdf)を貼り付けた時のプレビュー表示の様子。類似ツールIframelyでも同じようにPDFのURLを貼り付けて埋め込みコードを取得できる。iframely.com画像は経済産業省の『キャッシュレス・ビジョン』のURL(https://www.meti.go.jp/press/2018/04/20180411001/20180411001-1.pdf)を貼り付けた時のプレビュー画面。以下ではEmbedlyやIframelyの基本的な使い方を紹介している。H...Redditの投稿をHTMLコードを使って埋め込む。2018-08-15Google+の一般公開の投稿をブログにHTML形式で埋め込んでみるGoogle+の一般公開の投稿をブログに埋め込んでみる。access.https://www.google.com/analytics/terms/gb.htmlこのブログはGoogleアナリティクスによるアクセス解析を利用しています。