モーションで追加できる要素まとめ
FeatPaperのモーションエディターを使うと、PDFの営業資料や提案書のページに動画・フォーム・予約画面・リンクを重ねられます。 追加できるのは、VIDEO・GIF・EMBED・LINK・NAV・DOCSの6種類のモーションです。 YouTubeとVimeoはVIDEOタブで追加できます。 EMBEDでは、Typeform・Calendly・Googleスプレッドシート・Figmaなど15の外部サービスをページの中で見せられます。
このページでは、追加できる要素をすべてまとめ、それぞれの追加方法と閲覧者側の見え方を案内します。
モーションの種類と使い分け
Section titled “モーションの種類と使い分け”| 種類 | できること | 追加方法 | 動画・GIFの件数に含まれるか |
|---|---|---|---|
| VIDEO | 動画ファイルのアップロード、またはYouTube・Vimeoのリンク再生 | ファイルを選ぶか、リンクを貼り付けて「追加」 | ファイルは含まれる/YouTube・Vimeoは含まれない |
| GIF | GIF画像(PNG・JPGも可)のアップロード、またはGIFのリンク | 画像を選ぶか、リンクを貼り付けて「追加」 | 含まれる |
| EMBED | 外部サービスの画面をページの中に表示 | リンクまたはiframeコードを貼り付けて「追加」 | 含まれない |
| LINK | クリックすると任意のURLを開く領域 | URLを入力して領域を置く | 含まれない |
| NAV | クリックすると同じ文書の別ページへ移動する領域 | 移動先のページ番号を入力 | 含まれない |
| DOCS | 同じフォルダの別の文書を重ねて開く(Proプラン以上) | 文書を選んで置く | 含まれない |
- 動画ファイル(1回に1件)をアップロードするか、YouTube・Vimeoのリンクを貼り付けます。
- 「自動再生」(デフォルトはオン)、「繰り返し再生」(オン)、「ミュート」(オフ)、「再生バーを隠す」(オフ)を選べます。 配置したあともアイコンで切り替えられます。
- スマートフォンで自動再生する場合は、ブラウザの制約により常にミュートで始まります。
- GIF画像(PNG・JPGも可)をアップロードするか、GIFのリンクを貼り付けます。
- リンクで追加したGIFもFeatPaperに保存し直され、動画・GIFの件数に含まれます。
- 外部サービスのリンクを貼り付けると、そのサービスの画面がページの中に表示されます。
- iframeの埋め込みコードを貼り付けても使えます。
FeatPaperがコードの中の
src="…"(ダブルクォーテーションで囲まれたもの)を取り出し、https://がなければ補います。
- ページ上のクリック領域から、任意のURLを開けます。
mailto:やtel:も使えます。 - ページを開いたときに、領域が一度だけ点滅して閲覧者に知らせます。
- パソコンではポップアップ、スマートフォンでは新しいタブで開きます。
- 角の丸みはスライダーで調整できます。
- クリックは閲覧者詳細の「クリックアクション」に記録されます。
- クリックすると、同じ文書の指定したページへ移動します。
- ダウンロードしたPDFの中でも、文書内リンクとして動きます。
DOCS(Proプラン以上)
Section titled “DOCS(Proプラン以上)”- 同じフォルダにある別の文書を選び、閲覧者がクリックすると上に重ねて開きます。
- パソコンでは左からスライドして開き、スマートフォンでは下から開いて「NEW TAB」も表示されます。
- クリックは閲覧者詳細の「クリックアクション」に記録されます。
埋め込めるサービス一覧
Section titled “埋め込めるサービス一覧”YouTubeとVimeoはVIDEOタブ、それ以外はすべてEMBEDタブに貼り付けます。
| サービス | 使うタブ | 貼り付けるリンク | ガイド |
|---|---|---|---|
| YouTube | VIDEO | youtube.com/watch?v=…・youtu.be/…・/shorts/… | 手順を見る |
| Vimeo | VIDEO | vimeo.com/動画ID | 手順を見る |
| Loom | EMBED | loom.com/share/… | 手順を見る |
| Typeform | EMBED | form.typeform.com/to/… | 手順を見る |
| Tally | EMBED | tally.so/r/…・tally.so/forms/… | 手順を見る |
| Googleフォーム | EMBED | docs.google.com/forms/…/viewform | 手順を見る |
| Calendly | EMBED | calendly.com/ユーザー名/イベント名 | 手順を見る |
| WhatTime | EMBED | whattime.co.kr/… | 手順を見る |
| Googleスプレッドシート | EMBED | docs.google.com/spreadsheets/… | 手順を見る |
| Googleドキュメント・スライド | EMBED | docs.google.com/document/…・/presentation/… | 手順を見る |
| Figma | EMBED | www.figma.com/file/…・/design/…・/proto/… | 手順を見る |
| Canva | EMBED | www.canva.com/design/… | 手順を見る |
| Spotify | EMBED | open.spotify.com/track/…・/playlist/… | 手順を見る |
| SoundCloud | EMBED | soundcloud.com/ユーザー名/曲名 | 手順を見る |
| Arcade | EMBED | app.arcade.software/share/… | 手順を見る |
| LottieFiles | EMBED | lottie.host/embed/…/….json・.lottie | 手順を見る |
| Googleマップ | EMBED | www.google.com/maps/embed?pb=… | 手順を見る |
エディターが確認するのはリンクの形だけです。 中身が表示されるかどうかは、各サービス側の共有設定によります。
- YouTube動画をPDFに埋め込む方法:公開・限定公開で、埋め込みが許可された動画を再生できます。
- Vimeo動画をPDFに埋め込む方法:Vimeo側で埋め込みを許可しておきます。
- Loom動画をPDFに埋め込む方法:画面録画の説明動画を資料に添えられます。
フォーム・アンケート
Section titled “フォーム・アンケート”- TypeformのフォームをPDFに埋め込む方法:公開したフォームの共有リンクを使います。
- TallyフォームをPDFに埋め込む方法:どの形のリンクも埋め込み用に変換されます。
- GoogleフォームをPDFに埋め込む方法:回答用の送信リンク(
/viewform)を使います。
- Calendlyの予約画面をPDFに埋め込む方法:資料の中で商談や面談を予約してもらえます。
- WhatTimeの予約ページをPDFに埋め込む方法:WhatTimeの予約ページを埋め込めます。
資料・データ
Section titled “資料・データ”- GoogleスプレッドシートをPDFに埋め込む方法:料金表や実績の表を見せられます。
- GoogleドキュメントやスライドをPDFに埋め込む方法:補足資料や事例スライドを1つの資料にまとめられます。
デザイン・プロトタイプ
Section titled “デザイン・プロトタイプ”- FigmaのプロトタイプをPDFに埋め込む方法:プロトタイプをその場で操作してもらえます。
- CanvaのデザインをPDFに埋め込む方法:Canvaのデザインを閲覧用の形で表示します。
- Spotifyの音楽をPDFに埋め込む方法:曲またはプレイリストのリンクを使います。
- SoundCloudの音源をPDFに埋め込む方法:1曲ずつのリンクがおすすめです。
デモ・アニメーション
Section titled “デモ・アニメーション”- ArcadeのデモをPDFに埋め込む方法:操作できる製品デモを資料に入れられます。
- LottieアニメーションをPDFに埋め込む方法:
lottie.hostの埋め込みURLを使います。
- GoogleマップをPDFに埋め込む方法:「地図を埋め込む」で取得したリンクだけが使えます。
基本の追加手順
Section titled “基本の追加手順”「コンテンツ」タブを開きます
文書の詳細画面で「コンテンツ」タブを選択します。 モーションを編集できるのは、文書の編集権限を持つ管理者だけです。
「動画・リンクを追加」をクリックします
「動画・リンクを追加」のカードから、全画面のモーションエディターが開きます。
ページとモーションの種類を選びます
左のサイドバーでページを選び、上部ツールバーでVIDEO・GIF・EMBED・LINK・NAV・DOCSのいずれかを選びます。
リンクを貼り付けて「追加」を押します
EMBEDの場合は「URLを埋め込む」の欄にリンクを貼り付け、「追加」を押します。 形が合わないリンクは、エラーのメッセージが表示されて追加されません。
配置を整えて保存します
ドラッグで移動し、ハンドルでサイズを変えます。 最後にSAVE & EXITを押して保存します。
EMBEDはページ幅の50%・16:9で中央に置かれ、比率は固定されません。 VIDEOは同じ大きさで置かれ、比率が固定されます。 選択中は「削除」・「比率固定」・「固定解除」・「元の比率」のボタンで調整できます。
閲覧者側の見え方
Section titled “閲覧者側の見え方”- パソコン:埋め込んだ画面が、ページの中でそのまま再生・操作できます。
- スマートフォン:埋め込みはぼかしのかかったカードとして表示され、タップすると下から全画面で開きます。 Lottieアニメーションだけは、カードを挟まずページ上でそのまま再生されます。
- ダウンロードしたPDF:VIDEO・GIF・EMBEDはPDFの中では動かないため、サムネイルまたはサービスのロゴに置き換わります。 クリックするとそのページの閲覧画面が開き、ページの右下にはQRコードが追加されます。 文書のQR設定をオフにしている場合、QRコードは追加されません。
- LINKとNAVは、ダウンロードしたPDFの中でもクリックして使えます。
プランごとの上限
Section titled “プランごとの上限”| 項目 | Starter | Pro | Business |
|---|---|---|---|
| モーションの利用 | 利用できます | 利用できます | 利用できます |
| 1文書あたりの動画ファイル・GIFの件数(合計) | 3件 | 5件 | 無制限 |
| アップロードできるファイル容量 | 30MB | 50MB | 100MB |
| YouTube・Vimeo・EMBEDの件数と容量 | 制限なし | 制限なし | 制限なし |
| DOCS | - | 利用できます | 利用できます |
Enterpriseプランの容量は個別に設定されます。
記録される操作と記録されない操作
Section titled “記録される操作と記録されない操作”- 記録されます:LINKとDOCSのクリックです。 閲覧者詳細の「クリックアクション」で確認できます。
- 記録されません:YouTube・Vimeo・EMBEDの中での再生や操作、NAVによるページ移動です。
- ページごとの閲覧時間は、モーションの有無にかかわらずいつもどおり記録されます。
クリックを数えたい場合は、埋め込みの近くにLINKを置いてください。
事前に知っておきたいこと
Section titled “事前に知っておきたいこと”- バージョンを更新すると、モーションは自動では引き継がれません。 更新後に編集画面を開くと前のバージョンのモーションをコピーするか確認され、同じページ・同じ位置にコピーできます。
- Googleのファイルやフォームは、共有していないと枠の中にGoogleのエラー画面が表示されます。
- 追加したあとは、ログインしていないブラウザで共有リンクを開き、閲覧者と同じ見え方になっているか確かめてください。
よくある質問
Section titled “よくある質問”リンクを貼ったら「サポートされていない」というエラーが出ます
そのタブが受け付けるリンクの形になっていません。 上の一覧で、サービスごとの正しいタブとリンクの形を確認してください。 YouTube・VimeoはEMBEDではなくVIDEOタブに貼り付けます。
一覧にないサービスはどう入れればいいですか?
一覧にないサービスは、まだEMBEDに対応していません。 その場合はLINKモーションでページ上にクリック領域を置き、サービスのページを開いてもらってください。 LINKならクリックも記録されます。
NotionやMiroは埋め込めますか?
現時点では対応していません。 一般的なウェブサイトも同様で、LINKでリンクを置く方法をおすすめします。
Spotifyのアルバムやポッドキャストは入れられますか?
現時点では、曲とプレイリストのリンクだけに対応しています。 アルバム・アーティスト・ポッドキャストのリンクは追加できません。
スマートフォンでは埋め込みはどう見えますか?
カードが表示され、タップすると下から全画面で開きます。 Lottieアニメーションだけはページ上でそのまま再生されます。
PDFでダウンロードされたら動画はどうなりますか?
サムネイルまたはロゴに置き換わり、クリックするとそのページの閲覧画面が開きます。 ページ右下にはQRコードも追加されます。
Starterプランでも埋め込みは使えますか?
使えます。 YouTube・Vimeo・EMBEDはどのプランでも件数や容量の制限がありません。 上限があるのは、アップロードした動画ファイルとGIFだけです。
埋め込んだ動画の再生回数は分かりますか?
分かりません。 埋め込みの中での再生や操作は記録されませんが、ページごとの閲覧時間は確認できます。
- 追加できるモーションは、VIDEO・GIF・EMBED・LINK・NAV・DOCSの6種類です。
- YouTube・VimeoはVIDEOタブ、そのほかの外部サービスはEMBEDタブに貼り付けます。
- YouTube・Vimeo・EMBEDは、どのプランでも件数と容量の制限がありません。
- スマートフォンではカードから全画面で開き、PDFではロゴとQRコードに置き換わります。
- 記録されるのはLINKとDOCSのクリックだけです。