Firework

 

Firework動画をWebサイトへ組み込む方法 Part2

前回は、1つの動画を埋め込むFirework動画の埋め込み方法についてご紹介しました。
今回は、複数動画の埋め込み方法を形式別にご紹介します。

チャンネルの選択


ビジネス用Fireworkのダッシュボードに入り、チャンネルを選択。
動画タブを選択し、右上の[</>]をクリックします。

動画の埋め込み形式を選択する


カルーセル

動画が横並びに表示されます

【グリッド】

動画が横列と縦列にマス目のように表示されます。
グリッドに関しては、表示する動画の数を選択することができます。

【ストーリーブロック】

動画が1つ分のスペースで表示されます。

【フローティングボタン】

各動画が小さな丸いアイコンで表示されます。
画面右側に丸いアイコンが追尾しているのですが、お気づきでしたか?
これが「フローティングボタン」です。

アイコンをクリックしたときに動画を

  • [現在のタブで表示する]
  • [新しいタブで表示する]
  • [モーダルウィンドウ]

を選択することができます。

[モーダルウィンドウ]はアイコンをクリックして画像を選択したあと、動画タイトルをクリックすると元のサイトページに戻ります。
(通常は動画画面が続く)

コードをコピーする


画面下側にある[コードをコピーする]をクリックするとコードをコピーすることができます。

動画を入れ込みたいサイトに移動し、HTMLを貼り付けたら保存して完成です!

Fireworkプラグイン・アプリ


【Wordpress プラグイン】
https://ja.wordpress.org/plugins/firework-videos/

【Shopify アプリ】
https://apps.shopify.com/firework

【EC-CUBE プラグイン】
現在開発中です。お楽しみに!

まとめ

今回は動画を複数個サイト内に組み込むやり方についてご紹介しました。
サイトへの動画の取り込みは、専門知識がなくても簡単にできます。
他と一線を画したサイト構築ができるので、一度Fireworkを使ってみてはいかがでしょうか。

【Firework】
https://firework.tv/us/


Refineは上級SNSエキスパート検定資格保持者が在籍しています。SNS運用に関するお悩みやECサイト構築の相談など、お気軽にお問い合わせください。

お問い合わせはこちら

ピックアップ記事

  1. 商品毎の売上トレンドを数クリックで可視化する!
  2. ECサイト運営で定点観測すべき指標とは?
  3. ファネル分析で ECサイトの売上アップ
  4. 5つの業界におけるファネル分析の例とケーススタディ

関連記事

  1. Firework

    Firework動画をWebサイトへ組み込む方法

    専門知識がなくても簡単に動画をWebサイトに取り込むことができるB2…

  2. ECサイト

    Fireworkライブコマースで1万人超えの集客

    EC業界で話題になっているライブコマース。今回は集…

  3. Firework

    Fireworkの個人向け機能とビジネス向け機能

    Tiktok系SNSとも呼ばれるFireworkが今注目を集めていま…

最新の記事

  1. ECサイト

    ECカートプラットフォーム徹底比較!EC-CUBEとecforceの違いとは?
  2. ECサイト

    EC-CUBEとShopifyの違い -ECサイトの種類-
  3. ECサイト

    ShopifyとEC-CUBEの違い -仕様の差-
  4. ECサイト

    Shopifyで連携できるCRM -Salesforce Sync-
  5. ECサイト

    ECサイト、何でつくる?ECプラットフォーム別費用比較
PAGE TOP