コンテンツにスキップ

モーションで追加できる要素まとめ

FeatPaperのモーションエディターを使うと、PDFの営業資料や提案書のページに動画・フォーム・予約画面・リンクを重ねられます。 追加できるのは、VIDEO・GIF・EMBED・LINK・NAV・DOCSの6種類のモーションです。 YouTubeとVimeoはVIDEOタブで追加できます。 EMBEDでは、Typeform・Calendly・Googleスプレッドシート・Figmaなど15の外部サービスをページの中で見せられます。

このページでは、追加できる要素をすべてまとめ、それぞれの追加方法と閲覧者側の見え方を案内します。

種類できること追加方法動画・GIFの件数に含まれるか
VIDEO動画ファイルのアップロード、またはYouTube・Vimeoのリンク再生ファイルを選ぶか、リンクを貼り付けて「追加」ファイルは含まれる/YouTube・Vimeoは含まれない
GIFGIF画像(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の中でも、文書内リンクとして動きます。
  • 同じフォルダにある別の文書を選び、閲覧者がクリックすると上に重ねて開きます。
  • パソコンでは左からスライドして開き、スマートフォンでは下から開いて「NEW TAB」も表示されます。
  • クリックは閲覧者詳細の「クリックアクション」に記録されます。

YouTubeとVimeoはVIDEOタブ、それ以外はすべてEMBEDタブに貼り付けます。

サービス使うタブ貼り付けるリンクガイド
YouTubeVIDEOyoutube.com/watch?v=…・youtu.be/…・/shorts/…手順を見る
VimeoVIDEOvimeo.com/動画ID手順を見る
LoomEMBEDloom.com/share/…手順を見る
TypeformEMBEDform.typeform.com/to/…手順を見る
TallyEMBEDtally.so/r/…・tally.so/forms/…手順を見る
GoogleフォームEMBEDdocs.google.com/forms/…/viewform手順を見る
CalendlyEMBEDcalendly.com/ユーザー名/イベント名手順を見る
WhatTimeEMBEDwhattime.co.kr/…手順を見る
GoogleスプレッドシートEMBEDdocs.google.com/spreadsheets/…手順を見る
Googleドキュメント・スライドEMBEDdocs.google.com/document/…・/presentation/…手順を見る
FigmaEMBEDwww.figma.com/file/…・/design/…・/proto/…手順を見る
CanvaEMBEDwww.canva.com/design/…手順を見る
SpotifyEMBEDopen.spotify.com/track/…・/playlist/…手順を見る
SoundCloudEMBEDsoundcloud.com/ユーザー名/曲名手順を見る
ArcadeEMBEDapp.arcade.software/share/…手順を見る
LottieFilesEMBEDlottie.host/embed/…/….json・.lottie手順を見る
GoogleマップEMBEDwww.google.com/maps/embed?pb=…手順を見る

エディターが確認するのはリンクの形だけです。 中身が表示されるかどうかは、各サービス側の共有設定によります。

「コンテンツ」タブを開きます

文書の詳細画面で「コンテンツ」タブを選択します。 モーションを編集できるのは、文書の編集権限を持つ管理者だけです。

「動画・リンクを追加」をクリックします

「動画・リンクを追加」のカードから、全画面のモーションエディターが開きます。

ページとモーションの種類を選びます

左のサイドバーでページを選び、上部ツールバーでVIDEO・GIF・EMBED・LINK・NAV・DOCSのいずれかを選びます。

リンクを貼り付けて「追加」を押します

EMBEDの場合は「URLを埋め込む」の欄にリンクを貼り付け、「追加」を押します。 形が合わないリンクは、エラーのメッセージが表示されて追加されません。

配置を整えて保存します

ドラッグで移動し、ハンドルでサイズを変えます。 最後にSAVE & EXITを押して保存します。

EMBEDはページ幅の50%・16:9で中央に置かれ、比率は固定されません。 VIDEOは同じ大きさで置かれ、比率が固定されます。 選択中は「削除」・「比率固定」・「固定解除」・「元の比率」のボタンで調整できます。

  • パソコン:埋め込んだ画面が、ページの中でそのまま再生・操作できます。
  • スマートフォン:埋め込みはぼかしのかかったカードとして表示され、タップすると下から全画面で開きます。 Lottieアニメーションだけは、カードを挟まずページ上でそのまま再生されます。
  • ダウンロードしたPDF:VIDEO・GIF・EMBEDはPDFの中では動かないため、サムネイルまたはサービスのロゴに置き換わります。 クリックするとそのページの閲覧画面が開き、ページの右下にはQRコードが追加されます。 文書のQR設定をオフにしている場合、QRコードは追加されません。
  • LINKとNAVは、ダウンロードしたPDFの中でもクリックして使えます。
項目StarterProBusiness
モーションの利用利用できます利用できます利用できます
1文書あたりの動画ファイル・GIFの件数(合計)3件5件無制限
アップロードできるファイル容量30MB50MB100MB
YouTube・Vimeo・EMBEDの件数と容量制限なし制限なし制限なし
DOCS-利用できます利用できます

Enterpriseプランの容量は個別に設定されます。

記録される操作と記録されない操作

Section titled “記録される操作と記録されない操作”
  • 記録されます:LINKとDOCSのクリックです。 閲覧者詳細の「クリックアクション」で確認できます。
  • 記録されません:YouTube・Vimeo・EMBEDの中での再生や操作、NAVによるページ移動です。
  • ページごとの閲覧時間は、モーションの有無にかかわらずいつもどおり記録されます。

クリックを数えたい場合は、埋め込みの近くにLINKを置いてください。

  • バージョンを更新すると、モーションは自動では引き継がれません。 更新後に編集画面を開くと前のバージョンのモーションをコピーするか確認され、同じページ・同じ位置にコピーできます。
  • Googleのファイルやフォームは、共有していないと枠の中にGoogleのエラー画面が表示されます。
  • 追加したあとは、ログインしていないブラウザで共有リンクを開き、閲覧者と同じ見え方になっているか確かめてください。
リンクを貼ったら「サポートされていない」というエラーが出ます

そのタブが受け付けるリンクの形になっていません。 上の一覧で、サービスごとの正しいタブとリンクの形を確認してください。 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のクリックだけです。