「実例」タグの記事一覧

ワードプレス(WordPress)の利点(SEO、機能、商用利用無料、カスタマイズ性、デザインなどなど)

WordPress日本公式キャラクター「わぷー」(*1)

どうも、倉田です。

今回は、ワードプレス(WordPress)の利点についてお話しようとおもいます。

ワードプレスは、ただ単に、ブログやウェブサイトを無料でかんたんに作成・運営できるというだけのツールではありません。

ワードプレスは、

インターネット上で情報発信をするための総合的なプラットフォーム

です。

かんたんにいえば、あなたの「情報発信基地」になるものです。

ブログをつかって本気で情報発信をするのであれば、ワードプレス以外の選択肢はあり得ないと言っても過言ではありません

ビジネスのためのブログであるにもかかわらず、アメブロやFC2ブログ、シーサーブログなどをつかっている人を見ると、本気でビジネスをやる気があるのかどうかとても心配になります。

「私はネットビジネスのプロです」と言いながら、こうしたブログをつかっている人は信用できないと、個人的にはおもいます。

もし、あなたがブログをつかって情報発信をしたいとおもっているのならワードプレス(WordPress)が最良の選択です。

このことを証明するために、ここからはワードプレスをつかうことの利点についてお話したいとおもいます。

ちなみに、ぼくは、自分でサーバーに設置するタイプのワードプレスを、2006年からずっとつかっていて、その間、ワードプレスをつかって自分のブログをつくったり、仕事でお客さんのブログやホームページをつくるためにワードプレスをつかってきました。

ここでお話することは、その7年間の経験から、ぼくが実際に肌で感じていることです。

続きを読む

  1. (ワードプレス(WordPress)の日本公式キャラクター「わぷー」) [↩ Back]

自動ウェビナー販売法(エバーグリーンウェビナー)で、毎日365日、自動的に販売をおこない、購入者を増やし続け、売上をあげ続ける方法

どうも、倉田幸暢です。

ここでは、ウェビナーを自動化して、毎日365日、売上をあげ続けることができる自動ウェビナー販売法エバーグリーンウェビナーマーケティング)(オートウェビナー)という販売手法を紹介します。(*1)

(ウェビナーとは、ウェブセミナーや、オンラインセミナーのことです。)

クリックして拡大する
EWM概略図 B図

ウェビナーを自動化して継続的に売上をあげ続ける手法」としては、海外では、つぎの2つの販売手法が有名です。

  • エバーグリーンイベントドリブンマーケティング」(EEDM(*2)
  • エバーグリーンプロダクトローンチ」(EPL(*3)(*4)

この「エバーグリーンイベントドリブンマーケティング」(EEDM)と「エバーグリーンプロダクトローンチ」(EPL)の2つは、異なる販売手法ではあるものの、その内容は似ています

そこで、「ウェビナーを自動化して継続的に売上げをあげ続ける手法」というくくりで、この2つの販売手法をまとめて、「エバーグリーンウェビナーマーケティング」(EWM)という総称で呼ぶことにします。

ここからは、
「エバーグリーンイベントドリブンマーケティング」(EEDM)と、
「エバーグリーンプロダクトローンチ」(EPL)の
2つの手法についての話を織りまぜながら、
「ウェビナーを自動化して継続的に売上げをあげ続ける手法」である
「エバーグリーンウェビナーマーケティング」(EWM)について
お話していきます。

(以下では、「エバーグリーンウェビナーマーケティング」(EWM)のことを、
「エバーグリーンウェビナー」と略して呼びます。)

ちなみに、こうした自動化されたマーケティングのプロセスは、マーケティングオートメーション(マーケティング自動化)とも呼ばれます。

▲ もくじへもどる

自動ウェビナー販売法(エバーグリーンウェビナー)をやるならマイスピー!

目次
  1. エバーグリーンウェビナーって、要するに何なの?
    1. オプトイン登録からウェビナー(商品販売)までの流れ
    2. 毎日365日、常に販売がおこなわれる仕組み
    3. セグメント別の複数のステップメール
    4. ウェビナーをつかう理由
    5. 繰り返し改善することができる
    6. 自動化することができる
  2. エバーグリーンウェビナーの手法から学べること
  3. エバーグリーンウェビナーの手法をつかっている海外マーケターたち
    1. ジェイ・エイブラハム(Jay Abraham)
    2. リッチ・シェフレン(Rich Schefren)
    3. ジェフ・ウォーカー(Jeff Walker)
    4. フランク・カーン(Frank Kern)
    5. マイク・フィルセイム(Mike Filsaime)
    6. ケイシー・ジーマン(Casey Zeman)
    7. ジョエル・ピーターソン(Joel Peterson)
    8. ペリー・マーシャル(Perry Marshall)
    9. ラッセル・ブランソン(Russell Brunson)
  4. エバーグリーンウェビナーの手法の4種類のメリット
    1. あなたのビジネスにとっての利点
    2. あなたと見込み客との関係における利点
    3. あなたとアフィリエイターとの関係における利点
    4. あなた自身にとっての利点
  5. エバーグリーンウェビナー誕生秘話
    1. 「プロダクトローンチ」の手法の利点
    2. 「プロダクトローンチ」の手法の欠点
    3. 「プロダクトローンチ」の欠点を克服するために生まれた、EEDMの手法
    4. 欠点を克服して「エバーグリーン」へと進化した「プロダクトローンチフォーミュラ」
    5. エバーグリーンウェビナーマーケティングの誕生
  6. (参考)EEDMと「エバーグリーンローンチ」ってなに?
    1. EEDM(エバーグリーンイベントドリブンマーケティング)ってなに?
      1. 「エバーグリーン」ってどういう意味?
      2. 「イベントドリブン」ってどういう意味?
      3. 「マーケティング」ってどういう意味?
      4. EEDMの手法を考案した、リッチ・シェフレンってだれ?
    2. 「エバーグリーンプロダクトローンチ」(「ローリングローンチ」)ってなに?
      1. 「プロダクトローンチフォーミュラ」(PLF)の生みの親、ジェフ・ウォーカーってだれ?
  7. エバーグリーンウェビナーの手法を実施するうえでの「4つの壁」
    1. 壁1:エバーグリーンウェビナーをおこなうための専用ツール
    2. 壁2:エバーグリーンウェビナーを実践・運営してくれる担当者
    3. 壁3:エバーグリーンウェビナーをはじめるまでにかかる時間と労力
    4. 壁4:エバーグリーンウェビナーで販売するのに適した商品の種類
    5. 個々の要素をマーケティング活動にとりいれる
  8. エバーグリーンウェビナーの実施手順
    1. 「3つのステップ」と「3つのプロセス」
    2. エバーグリーンウェビナーの実施手順(詳細版)
  9. 「実施ステップ」についての詳細解説
    1. 1. 「参加者最大化プロセス」
      1. 1-1. 「招待プロセス」
      2. 1-2. 「事前登録プロセス」
        1. 「事前登録ページ」
        2. 「友達に紹介する」ページ
        3. サンキューページ(登録完了ページ)
      3. 1-3. 「出席促進プロセス」
        1. 信頼感を築く
        2. 「出席促進プロセス」で送るもの
        3. 「出席促進プロセス」の役割
    2. 2. 「ウェビナー開催プロセス」
      1. 「クッキー」(Cookie)の機能を活用する
      2. ウェビナー終了後の5種類の見込み客
    3. 3. 「購入者最大化プロセス」
      1. 「完視聴者」、「未完視聴者」、「欠席者」に働きかけるための3つのプロセス
      2. 「完視聴者への販売促進プロセス」
      3. 「未完視聴者への視聴促進プロセス」
      4. 「欠席者への視聴促進プロセス」
      5. 「購入者の満足度向上プロセス」
  10. 「準備ステップ」についての詳細解説
    1. 準備1:「ウェビナー開催プロセス」の準備をする
      1. 準備1-1:ウェビナーの題名を考えだす
        1. ウェビナーの題名を考えるための6つのヒント
          1. ヒント1:見込み客の理想と現実のギャップを埋める
          2. ヒント2:ワクワクさせる
          3. ヒント3:商品キャンペーン全体をストーリーにする
          4. ヒント4:見込み客の視点で考える
          5. ヒント5:ウェビナーをどのように定義付けるか?
          6. ヒント6:最終チェック
        2. 定期的に題名を変更してテストをする
      2. 準備1-2:ウェビナー動画をつくる
        1. プレゼンテーション用ソフトをつかったウェビナー動画
          1. リッチ・シェフレンのウェビナー
          2. マイク・フィルセイムのウェビナー
          3. フランク・カーンのウェビナー
          4. アンディー・ジェンキンスのウェビナー
          5. ジェームズ・ウェドモアのウェビナー
          6. チャド・ムレタのウェビナー
        2. 効果の高いウェビナー動画をつくるためのヒント
        3. 撮影時期が特定できないように注意する
        4. ウェビナーの構成の例
        5. ウェビナーで見込み客に行動を起こしてもらうための仕掛け
          1. 数量限定ボーナス
          2. カウントダウンタイマー
        6. ウェビナー動画の画面内に購入ページのURLを表示している実例集
          1. フランク・カーンのウェビナー(購入ページのURL表示)
          2. アンディー・ジェンキンスのウェビナー(購入ページのURL表示)
          3. ジェームズ・ウェドモアのウェビナー(購入ページのURL表示)
          4. チャド・ムレタのウェビナー(購入ページのURL表示)
        7. プロダクトローンチのプリローンチ動画をつかったウェビナー動画の作り方
        8. 見込み客に好かれるための5つの要素
      3. 準備1-3:購入ページをつくる
        1. リッチ・シェフレンのウェビナー販売の購入ページ
        2. マイク・フィルセイムのウェビナー販売の購入ページ
        3. ジェイ・エイブラハムのウェビナー販売の購入ページ
        4. フランク・カーンのウェビナー販売の購入ページ
        5. アンディー・ジェンキンスのウェビナー販売の購入ページ
        6. チャド・ムレタのウェビナー販売の申し込みページ
    2. 準備2:「参加者最大化プロセス」の準備をする
      1. 準備2-1:「事前登録プロセス」を準備する
        1. 「事前登録ページ」
          1. (参考)「事前登録ページ」の実例集
            1. ジェイ・エイブラハムがつかっている「事前登録ページ」
            2. リッチ・シェフレンがつかっている「事前登録ページ」
            3. マイク・フィルセイムがつかっている「事前登録ページ」
            4. フランク・カーンがつかっている「事前登録ページ」
            5. ラッセル・ブランソンがつかっている「事前登録ページ」
            6. ケイシー・ジーマンがつかっている「事前登録ページ」
        2. 「友達に紹介する」ページ
          1. 3つのプレゼントの内容
          2. (参考)「友達に紹介する」ページの実例集
            1. リッチ・シェフレンがつかっている「友達に紹介する」ページ
            2. マイク・フィルセイムがつかっている「友達に紹介する」ページ
            3. ジェイ・エイブラハムがつかっている「友達に紹介する」ページ
            4. ケイシー・ジーマンがつかっている「友達に紹介する」ページ
        3. サンキューページ(登録完了ページ)
        4. 成果を向上させるためのヒント
        5. 「事前登録ページ」の成果を向上させるためのヒント
          1. 「友達に紹介する」ページの成果を向上させるためのヒント
          2. サンキューページ(登録完了ページ)の成果を向上させるためのヒント
        6. 質問を受け付ける
      2. 準備2-2:「招待プロセス」を準備する
        1. 成果を向上させるためのヒント
        2. 「招待プロセス」終了時の、見込み客の種類
      3. 準備2-3:「出席促進プロセス」を準備する
        1. 「出席促進プロセス」の2つの目的
        2. 2つの目的を達成するための、3種類のメール
          1. 「登録確認メール」
          2. 「カウントダウン・メール/コンテンツ配信メール」
            1. 「出席率を高める」ためのメールの内容
            2. 「信頼感を築く」ためのメールの内容
          3. 「リマインダー・メール」
        3. 成果を向上させるためのヒント
          1. 「カウントダウン・メール/コンテンツ配信メール」の成果を向上させるためのヒント
          2. 「リマインダー・メール」の成果を向上させるためのヒント
    3. 準備3:「購入者最大化プロセス」の準備をする
      1. 準備3-1:「完視聴者への販売促進プロセス」を準備する
        1. ウェビナー視聴後から7日目までに送るステップメールの内容
      2. 準備3-2:「未完視聴者への視聴促進プロセス」を準備する
        1. 「未完視聴者への視聴促進プロセス」でつかうコンテンツとウェブページを用意する
          1. 成果を向上させるためのヒント
        2. 「未完視聴者への視聴促進プロセス」でつかうステップメールを用意する
          1. ウェビナー終了日から7日目までに送るステップメールの内容
          2. 成果を向上させるためのヒント
      3. 準備3-3:「購入者の満足度向上プロセス」を準備する
        1. 商品購入日から7日目までに送るステップメールの内容
  11. 「分析ステップ」についての詳細解説
    1. 計測し分析すべき指標
  12. エバーグリーンウェビナーを実践するためのツール・ウェブサービス
    1. 『MyASP』(マイスピー)をつかって、自動ウェビナー販売法(エバーグリーンウェビナー)を実践する
    2. 『EverWebinar』(エバーウェビナー)
    3. 『Evergreen Business System』(エバーグリーンビジネスシステム)
      1. 『Evergreen Business System』の使用事例
    4. 『Easy Webinar』(イージーウェビナー)(旧名『Easy Webinar Plugin』)
      1. 『Easy Webinar』の使用事例
      2. 動画セミナー「自動的に6桁ドル(1000万円以上)を稼いでくれるウェビナー販売ファンネルを作る方法」
      3. 動画セミナー「イベントローンチブループリント」:ウェビナー販売の売上を10倍~20倍にするイベントローンチのための4ステップ
    5. 『Auto Webinar Player』(オートウェビナープレイヤー)
  13. (参考)「エバーグリーンプロダクトローンチ」(ウィークリーエバーグリーンモデル)を実施するためのツール
    1. 『MyASP』(マイスピー)をつかって、エバーグリーンプロダクトローンチ(ウィークリーエバーグリーンモデル)を実践する
    2. 『Optimize Press』(オプティマイズ・プレス)
    3. 『Product Launch WordPress Theme』(プロダクトローンチ・ワードプレス・テーマ)
  14. (参考)生放送のライブウェビナーでつかわれる手法や、ツール・ウェブサービスなど
    1. ライブウェビナーを実施するためのツール・ウェブサービス
      1. ハングアウトオンエア
      2. ニコニコ生放送
      3. ツイキャス
      4. USTREAM(ユーストリーム)
      5. 『Evergreen Business System』(エバーグリーンビジネスシステム)
      6. GoToWebinar(ゴートゥーウェビナー)
      7. Livestream(ライブストリーム)
      8. Instant Teleseminar(インスタントテレセミナー)
    2. ライブウェビナーの最後におこなうQ&Aコーナー
      1. フランク・カーンのライブウェビナー(Q&Aコーナー)
      2. アンディー・ジェンキンスのライブウェビナー(Q&Aコーナー)
      3. マイク・ケーニグスのウェブキャスト(Q&Aコーナー)
    3. 販売協力してくれるアフィリエイターごとに(JVパートナーごとに)ウェビナーで話す内容を変える
    4. 「ウェブキャスト」 - インターネットマーケティングの「24時間テレビ」
      1. ジェフ・ウォーカーが開催した「ウェブキャスト」
      2. アンディー・ジェンキンスが開催した「ウェブキャスト」
      3. マイク・ケーニグスが開催した「ウェブキャスト」
      4. ザック・ジョンソンが開催した「ウェブキャスト」
  15. (参考)エバーグリーンウェビナーの手法に関する参考資料について
  16. (参考)「エバーグリーンウェビナーマーケティング」という名称について
  17. おわりに

エバーグリーンウェビナーって、要するに何なの?

オプトイン登録からウェビナー(商品販売)までの流れ

下の図は、エバーグリーンウェビナーの販売の流れの全体像です。

続きを読む

  1. (ウェビナーとは(webinarとは)、ウェブブラウザをとおしてウェブページ上で開催されるウェブセミナー(web seminar)の略です。一般的には、そのとき撮影している映像をリアルタイムに配信する生放送のかたちで配信されます。生放送であることを表現する場合は「ライブウェビナー」と呼ばれることもあります。) [↩ Back]
  2. (「エバーグリーンイベントドリブンマーケティング」(EEDM、Evergreen Event-Driven Marketing)は、「イベントドリブンマーケティング」(EDM、Event-Driven Marketing)と呼ばれることもあります。) [↩ Back]
  3. (正確には、「ウェビナーを自動化して継続的に売上げをあげ続ける手法」に該当するのは、「エバーグリーンプロダクトローンチ」の手法を構成する2つの手法のうちの、「ローリングローンチ」という手法です。ですが、ここでは話をわかりやすくするために、あえて、「エバーグリーンプロダクトローンチ」という言葉をつかっています。) [↩ Back]
  4. (「エバーグリーンプロダクトローンチ」(EPL、Evergreen Product Launch)は、「エバーグリーンローンチ」(Evergreen Launch)や、「エバーグリーンプロダクトローンチフォーミュラ」(Evergreen Product Launch Formula)と呼ばれることもあります。) [↩ Back]

YouTube動画の一時停止ができないようにする仕組み (Chromeless Player(クロムレスプレーヤー)(JavaScriptプレーヤーAPI))

ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。(「Chromeless Player」(クロムレスプレーヤー)と「JavaScriptプレーヤーAPI」を利用します。動画プレーヤーはFlash形式になります。)

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。(コントロールバーは非表示なので、一時停止ボタンを押すことはできません。)

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる仕組み (IFrameプレーヤーAPI(JavaScript))

ここでは、「YouTube動画の再生終了後にリダイレクトで別のページに自動的に移動させる」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を最後まで再生すると、それと同時にリダイレクトで別のページに飛ばされます。(話をわかりやすくするために、動画は50秒ほどの短いものにしています。)

これによって、「動画を最後まで見た人をあらかじめ設定しておいたページに自動的に移動させることができる」という仕組みをつくることができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

動画を最後まで見た後、視聴者の操作を待たずにリダイレクトで自動的に、セールスレターや、オプトインページなどに移動させたいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の一時停止ができないようにする仕組み (IFrameプレーヤーAPI(JavaScript))

ここでは、「YouTube動画の一時停止ができないようにする」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめると、画面をクリックして一時停止にしようとしても動画を止めることはできません。(コントロールバーは非表示にしているので、一時停止ボタンを押すことはできません。)

これによって、「動画を見はじめたら最後まで見るしかなくなる」という仕組みをつくることができます。ページを再読み込みすれば動画の再生は止まりますが、そうすると、つぎに動画を見るときは、またいちばん最初から見なおさなければならなくなります。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

セールスレターや、オプトインページなどで、途中で動画の再生を止めずに、動画の内容をいっきにすべて見てほしいという場合に、この仕組みをつかうといいでしょう。

誰でもかんたんにつかえるように、設定項目はできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画と連動してあらかじめ設定した時間になると購入ボタンが表示される仕組み (HTML、IFrameプレーヤーAPI(JavaScript)、CSS)

ここでは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みの実例と、その仕組みをカスタマイズしてつかう方法をお話します。

下は、この仕組みの実例です。YouTube動画を再生しはじめてから、一定時間(20秒)が経過すると、動画の下に購入ボタンが表示されるように設定しています。

途中で一時停止すると、カウントダウンタイマーも一時停止します。もう一度再生をはじめると、カウントダウンタイマーも動き出します。これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

下の実例の上部の「HTML」タブを押すと、この仕組みのソースコード(HTML、JavaScript、CSS)を見ることができます。

上の実例の上部のメニューバーのなかのタブやボタンの内容は、つぎのとおりです。
左端のロゴマーク: ソースコードと実行画面を左右に表示。
「Readme」タブ: この仕組みの概要や著作権についての情報。
「HTML」タブ: この仕組みのソースコード(HTML、JavaScript、CSS)。
「Play/Stop」ボタン: ソースコードの実行/停止。
右端の黒いボタン: 全画面表示。

ソースコードのダウンロードは、こちらをクリックGitHubのリポジトリ

動画マーケティングに応用する方法

この仕組みは、「YouTube動画と連動して、あらかじめ設定した時間になると購入ボタンが表示される」という仕組みです。

わかりやすくいうと、「動画の内容をちゃんと見た人だけつぎのステップに進める」という仕組みです。

動画セールスレターや、オプトインページなどでこの仕組みをつかうと、効果的です。

もし、動画の下にはじめから購入ボタンがついていたら、それを見た人は「この動画は売り込みのための動画だ!」とおもって、抵抗感がうまれてしまいます。

これでは、提案を受け入れてもらいにくくなってしまいます。

そうではなく、はじめは購入ボタンを表示させないようにしておいて、抵抗感なく動画を見はじめてもらい、動画のなかで興味を引いてから、頃合いを見計らって購入ボタンを表示する。

こうすれば、抵抗感を引き起こさずに、自然な流れで提案をおこなうことができるので、提案を受け入れてもらえる確率があがります。

その結果として、成約率やオプトイン率が上がるでしょう。

また、このカウントダウンタイマーは、YouTube動画の一時停止/再生と連動して動きます。なので、動画を一時停止するとカウントダウンタイマーも一時停止し、もう一度動画の再生をはじめると、カウントダウンタイマーも動き出します。

これによって、「指定した時間まで動画が再生されたときだけ、購入ボタンを表示させる」という仕組みを実現することができます。

僕が知るかぎり、このような仕組みはこれまで有料のツールでしか実現できませんでした。

それが、今や、完全に無料で誰でも自由につかうことができるようになりました。

科学の勝利ですね(笑)。

あと、誰でもかんたんにつかえるようにするために、設定項目もできるだけわかりやすくしました。

興味があれば、ぜひこの仕組みをつかってみてください。

続きを読む

YouTube動画の22のパラメータまとめ+αと埋め込みコードの実例

ここでは、YouTube動画の埋め込みプレーヤーの見た目や機能をカスタマイズするための
「パラメータ」という機能の使い方についてお話します。

また、YouTubeの埋め込み動画プレーヤーをつかうときに前提となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤー、クロムレスプレーヤーなどの情報についてもお話します。

さらに、JavaScriptやActionScriptをつかって動画プレーヤーを自由に制御することができるAPIについてもお話します。

「パラメータ」をつかうと、どんなことができるの?

まず、「パラメータ」をつかってどんなことができるのかを知るために、下の実例を見てください。

実例1: 自動的に再生をはじめ、操作は一時停止しかできない

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

(下の動画は、音声無しの動画にしています。これは、この動画は自動的に再生されるように設定しているため、このページを読み込んだときに自動的に音が出ると不都合なことがあるかもしれないということを考慮してのことです。)

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/OW37a07RMTs?controls=0&showinfo=0&autoplay=1&rel=0" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例2: コントロールバーを自動的に隠す

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/tQroTplYWqg?rel=0&modestbranding=0&showinfo=0&fs=0&controls=1&autohide=1" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例3: 複数の動画を連続して再生させ、それを繰り返す

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZMdkZeCzj44?playlist=tQroTplYWqg,mSRDQ8Sja3I&loop=1" frameborder="0" allowfullscreen></iframe>

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

実例4: 一部分だけを再生する

下の動画は、「パラメータ」をつかってつぎのような設定にしています。

この動画の埋め込みコード

<iframe width="560" height="315" src="https://www.youtube.com/embed/tQroTplYWqg?start=14&end=28&controls=1&autohide=0" frameborder="0" allowfullscreen></iframe>

これ以降では、まず、YouTubeの埋め込み動画プレーヤーをつかううえでの基本となる、<iframe>タグや、<object>タグ、HTML5形式の動画プレーヤー、Flash形式の動画プレーヤー、クロムレスプレーヤーなどの情報についてお話します。

各種の「パラメータ」についての説明は、それらの基本情報のあとに掲載しています。

もし、「すぐにパラメータの情報が知りたい」という場合や、「基本はすでに知っているという場合」には、それらの基本情報の話を飛ばして、「パラメータ」について話しているところから見ていってください。

▲ もくじへもどる

YouTubeマスターになっちゃうぜ学園: カリキュラム一覧表

目次
  1. 「パラメータ」をつかうと、どんなことができるの?
    1. 実例1: 自動的に再生をはじめ、操作は一時停止しかできない
    2. 実例2: コントロールバーを自動的に隠す
    3. 実例3: 複数の動画を連続して再生させ、それを繰り返す
    4. 実例4: 一部分だけを再生する
  2. 埋め込み動画プレーヤーの2つの種類 - 埋め込みプレーヤー(標準)とクロムレスプレーヤー
    1. 埋め込みプレーヤー(標準)
    2. クロムレスプレーヤー(chromeless player)
  3. 埋め込みコードのHTMLタグの2つの種類 - <iframe>タグと<object>タグ
    1. HTML5形式の埋め込み動画プレーヤー
    2. Flash形式の埋め込み動画プレーヤー - 「Flash(AS3)プレーヤー」
    3. <iframe>タグ(HTML5形式 & Flash形式)
      1. <iframe>タグ(HTML5形式の動画プレーヤーの場合)
      2. <iframe>タグ(Flash形式の動画プレーヤー(「Flash(AS3)プレーヤー」)の場合)
    4. <object>タグ(Flash形式の動画プレーヤー(「Flash(AS3)プレーヤー」))
  4. 「パラメータ」
    1. 再生後に表示される「関連動画」を非表示にする - 「rel」(リレイテッドビデオ)
      1. 「rel=0」(「関連動画」を非表示にする)
      2. 「rel=1」(「関連動画」を表示する)
    2. コントロールバーのYouTubeロゴを非表示にする - 「modestbranding」(モデストブランディング)
      1. 「modestbranding=1」(コントロールバーのYouTubeロゴを非表示にする)
      2. 「modestbranding=0」(コントロールバーのYouTubeロゴを表示する)
    3. 自動的に再生を始める - 「autoplay」(オートプレイ)
    4. 繰り返し再生させる - 「loop」(ループ)
      1. 通常の動画プレーヤーで「loop」をつかう場合
      2. 「再生リスト」の動画プレーヤーで「loop」をつかう場合
        1. Flash形式(<object>タグ)の「再生リスト」の動画プレーヤーで「loop」をつかう場合
        2. HTML5形式(<iframe>タグ)の「再生リスト」の動画プレーヤーで「loop」をつかう場合
    5. コントロールバーを非表示にする/表示する - 「controls」(コントロールズ)
      1. 「controls=0」(コントロールバーを非表示にする)
      2. 「controls=1」(コントロールバーを表示する)(「Flash(AS3)プレーヤー」形式)
      3. 「controls=2」(コントロールバーを表示する & パフォーマンス向上)(「Flash(AS3)プレーヤー」形式)
    6. コントロールバーとプログレスバー(シークバー)を隠す/常に表示させる - 「autohide」(オートハイド)
      1. 「autohide=1」(コントロールバーとプログレスバー(シークバー)が隠れる)
        1. コントロールバーとプログレスバー(シークバー)を完全に非表示にする
      2. 「autohide=0」(コントロールバーとプログレスバー(シークバー)を表示させ続ける)
      3. 「autohide=2」(プログレスバー(シークバー)が目立たないようになる)
    7. 全画面表示ボタンを非表示にする - 「fs」(フルスクリーン)
      1. 「fs=0」(全画面表示ボタンを非表示にする)
      2. 「fs=1」(全画面表示ボタンを表示する)
      3. 「fs」をHTML5形式の動画プレーヤーでつかう
        1. 「fs=0」(全画面表示ボタンを非表示にする)(HTML5形式の動画プレーヤーの場合)
        2. 「fs=0」(全画面表示ボタンを非表示にする & 全画面表示ができないようにする)(HTML5形式の動画プレーヤーの場合)
    8. タイトルバーを非表示にする - 「showinfo」(ショウインフォ)
      1. 「showinfo=0」(タイトルバーを非表示にする)
      2. 「showinfo=1」(「再生リスト」のサムネイルを表示させる)(「再生リスト」の動画プレーヤーの場合)
      3. (参考)「showinfo」を明示的に設定しない場合(「再生リスト」のサムネイルを表示しない)(「再生リスト」の動画プレーヤーの場合)
    9. 最初から高画質/低画質で再生する - 「vq」(ビデオクオリティー)
      1. 「vq=hd1080」: 画質1080p(HD画質(高精細度))
      2. 「vq=hd720」: 画質720p(HD画質(高精細度))
      3. 「vq=large」: 画質480p
      4. 「vq=medium」: 画質360p
      5. 「vq=small」: 画質240p
    10. 再生を開始する位置を指定する – 「start」(スタート)
    11. 再生を終了する位置を指定する – 「end」(エンド)
    12. 「再生リスト」、公開動画リスト、動画検索結果リストを動画プレーヤーとして埋め込む - 「listType」(リストタイプ)&「list」(リスト)
      1. HTML5形式の動画プレーヤー(<iframe>タグ)をつかった「再生リスト」の動画プレーヤー
      2. Flash形式の動画プレーヤー(<object>タグ)をつかった「再生リスト」の動画プレーヤー
        1. (参考)「showinfo=1」に設定した場合(「再生リスト」のサムネイルを表示させる)
      3. 特定のユーザーの公開動画のリスト(「アップロード動画」)を動画プレーヤーとして埋め込む
        1. (参考)「showinfo=1」に設定した場合(「アップロード動画」のリストのサムネイルを表示させる)
      4. YouTube動画検索の検索結果の動画のリストを動画プレーヤーとして埋め込む
        1. (参考)「showinfo=1」に設定した場合(動画検索結果のリストのサムネイルを表示させる)
    13. 複数の動画から「再生リスト」をつくって動画プレーヤーとして埋め込む - 「playlist」(プレイリスト)
      1. 「playlist」をつかった「再生リスト」の動画プレーヤー(HTML5形式)
      2. 「playlist」をつかった「再生リスト」の動画プレーヤー(「Flash(AS3)プレーヤー」形式)、「showinfo=1」に設定した場合(「再生リスト」のサムネイルを表示させる)
    14. コントロールバーとプログレスバー(シークバー)の色を変える - 「theme」(テーマ)&「color」(カラー)
      1. 「theme=dark」「color=red」: コントロールバー黒色、プログレスバー(シークバー)赤色
      2. 「theme=dark」「color=white」: コントロールバー黒色、プログレスバー(シークバー)白色
      3. 「theme=light」「color=red」: コントロールバー灰色、プログレスバー(シークバー)赤色
      4. 「theme=light」「color=white」: コントロールバー灰色、プログレスバー(シークバー)白色
    15. 「アノテーション」を非表示にする/表示する – 「iv_load_policy」(ivロードポリシー)
      1. 「iv_load_policy=1」(「アノテーション」表示)
      2. 「iv_load_policy=3」(「アノテーション」非表示)
    16. キーボードからの操作を無効にする – 「disablekb」(ディスエイブルキーボード)
      1. 「disablekb=1」(キーボード操作無効)
      2. 「disablekb=0」(キーボード操作有効)
    17. 字幕を表示させる – 「cc_load_policy」(クローズドキャプションポリシー)
      1. 「cc_load_policy=1」(字幕を表示)
      2. 「cc_load_policy」のパラメータを設定していない場合
    18. 「JavaScriptプレーヤーAPI」関連のパラメータ – 「enablejsapi」(イネイブル JS API)&「playerapiid」(プレーヤーAPI ID)&「origin」(オリジン)
      1. 「enablejsapi」(イネイブル JS API)
      2. 「playerapiid」(プレーヤーAPI ID)
      3. 「origin」(オリジン)
    19. (参考)全画面表示ができないようにする - 「allowfullscreen」(アラウフルスクリーン)
      1. 「allowfullscreen」無し(全画面表示ができないようにする)
      2. 「allowfullscreen」有り(全画面表示ができるようにする)
    20. (参考)周囲に枠線をつける - 「frameborder」(フレームボーダー)
      1. 「frameborder="1"」(周囲に枠線をつける)
      2. 「frameborder="0"」(周囲に枠線をつけない)
  5. (参考)非推奨(廃止予定)のパラメータ(「Flash(AS2)プレーヤーAPI」限定)
  6. 動画プレーヤーを制御するための3つのAPI
    1. 「IFrameプレーヤーAPI」
    2. 「Flash(AS3)プレーヤーAPI」
    3. 「JavaScriptプレーヤーAPI」
  7. 参考サイト、YouTube公式ヘルプページ
    1. 「YouTube埋め込み動画プレーヤーのパラメータ」関連
    2. 「YouTubeプレーヤーAPI」関連
      1. 「IFrameプレーヤーAPI」のリファレンス
      2. 「Flash(AS3)プレーヤーAPI」のリファレンス
      3. 「JavaScriptプレーヤーAPI」のリファレンス
    3. YouTube埋め込み動画プレーヤーの作成ツール/デモ
    4. その他
  8. おもしろい組み合わせ方を思いついたら、ぜひ教えてください
    1. YouTube APIについての関連記事
    2. YouTubeのうまい使い方についての関連記事

続きを読む

Kickstarter(キックスターター)をつかったクラウドファンディングの事例: Production I.Gによるアニメーション制作資金の調達

資金調達のためにインターネット上で世界中の人たちから出資を募るクラウドファンディング」のおもしろい事例を紹介します。

下の動画で紹介している事例は、世界的に有名なアニメーション制作会社「Production I.G」が、『キックハート』というアニメの制作資金を集めるために、「Kickstarter」(キックスターター)というクラウドファンディング・サービスを利用している事例です。

(小さい画面では見にくいという場合は、動画の右下についている「歯車」のアイコンを押して画質を高画質にして、その右横の方にある「全画面」のアイコンをクリックして画面を拡大して見てください。)

(上の動画は、YouTube内の動画再生ページでも見ることができます → Kickstarter(キックスターター)をつかったクラウドファンディングの事例: Production I.Gによるアニメーション制作資金の調達

続きを読む

Facebookに関する事例集や統計データの資料一覧

ここでは、Facebookについての事例集統計データの資料を掲載しているページを紹介します。

Facebookに関する統計データや、ファン数ランキング、アプリランキング

Facebookページのファン数のランキング、Facebookアプリのランキング、国別のFacebook利用者数の統計データを知ることができるウェブサイトを紹介します。

 

Facebookページとウェルカム・タブ・ページの事例集(海外マーケッター版)

この事例集では、海外のマーケッターたちがつかっているFacebookページの実例と、それらのFacebookページのなかのウェルカム・タブ・ページの実例を100件以上紹介しています。

 

Facebookページとウェルカム・タブ・ページの事例集(海外ビジネス編)

この事例集では海外のビジネスで使われているFacebookページの実例と、それらのFacebookページのなかのウェルカム・タブ・ページの実例を50件以上紹介しています。

 

Facebookページでつかわれているウェルカム・タブ・ページの事例集(日本の中小企業編)

この事例集では日本の中小企業などがFacebookページでつかっている「Facebookページの訪問者をファンを変える」ということに特化したウェルカム・タブ・ページの実例を50件以上紹介しています。

 

商品販売用のFacebookアプリ(ネットショップ、ショッピングカート)などをつかったFacebookページでの商品販売の実例集

この事例集ではFacebookページでの商品販売の事例を40件以上紹介し、商品販売用アプリを10件以上紹介しています。

 

Facebook広告の実例集(PDFレポート)

この事例集ではFacebook広告の事例を400件以上紹介しています。これによって費用対効果の高いFacebook広告の特徴を知ることができます。

 

これらの事例集が、あなたのFacebookページをよりよいものにしていくための一助となればうれしいです。

倉田幸暢

商品販売用のFacebookアプリ(ネットショップ、ショッピングカート)などをつかったFacebookページでの商品販売の実例集

どうも、倉田幸暢です。

この事例集では、商品販売用のFacebookアプリなどをつかうことによって、Facebookページで商品を販売している事例を紹介しています。

この事例集では、Facebookページで商品販売をおこなっている事例を、全部で40件以上紹介しています。

また、Facebookページで商品を販売するためのFacebookアプリ(ネットショップ、ショッピングカート)を、10件以上紹介しています。

これらの事例を見ることで、Facebookページで商品を販売するにはどうしたらいいのかということを学ぶことができます。

そして、これらの事例から学んだことを応用することで、あなた自身のFacebookページでも商品を販売することができるようになるでしょう。

「カラーミーショップ」バナー広告、素材ID: 154、サイズ: 300 x 250

カラーミーショップ専用のFacebookアプリをつかえば、カラーミーショップの商品一覧をあなたのFacebookページに簡単に掲載することができます。

関連情報:Facebookに関する事例集や統計データの資料一覧

目次
  1. カラーミーショップ
    1. ミネラルウォーター・水の通販 アットアクア(@Aqua)
    2. Gold-Ress
    3. ジュエリー 恵比寿三越グラマラスローズ
    4. 八王子クリニック新町
    5. フリーコム・テクノロジーズ株式会社
  2. SocialGateWay Free(フリー版)
    1. あらたな村
    2. みやざき便.com
    3. FujiyaAVIC
    4. 自分で簡単ヘアアレンジ!ヘアアクセサリーのリトルムーン
  3. SocialGateWay Pro(プロ版)
    1. COLLECT(コレクト)-50910.jp-
    2. ライスフォース ( RICE FORCE )
  4. おちゃのこネット
    1. ジュエリー工房 セリオ
    2. 八掛屋
    3. 食器のことなら神戸でNo1 沖食器
  5. Crocos カタログ
    1. エコール・クリオロ
    2. LEAD(靴のリード)
  6. ShowRoom
    1. TH.PROJECT (トライアンフ広島)
  7. スタティックタブPlus(StaticTabsPlus)
    1. パワーストーンとクリスタルヒーリングならここ。 BelleAile ベルエールへようこそ!
  8. Facebook外部の販売用ウェブサイトへリンク
    1. 爽快ドラッグ
    2. 東京一番ハンバーグ
    3. eらでぃっしゅ
    4. 富士通直販 WEB MART(公式)
    5. Sony (Japan)
    6. スモークエース公式ファンページ
    7. メンズファッション通販CAMBIO
    8. 海苔の七福屋
    9. 株式会社つるや
  9. Payvment
    1. Shopping Mall by Payvment
    2. Molly Sims
  10. Ecwid — Free E-Commerce Shopping Cart
    1. Ecwid — Free E-Commerce Shopping Cart
  11. ShopTab
    1. Coca-Cola Store
    2. Silly Bandz (Animal Rubber Bands)
    3. The Coleman Company
  12. OWJO
    1. OWJO
  13. 8thBridge
    1. Test page (Chanel)
    2. 1-800-Flowers.com
    3. mark. girl
    4. Lands' End Canvas
    5. Lands' End
    6. 7 For All Mankind
    7. Hallmark
  14. VendorShop
    1. VendorShop - Free e-commerce shopping cart
  15. Musictoday Store
    1. Live Nation
  16. 自社独自のアプリを使用(海外企業)
    1. Best Buy
    2. ELLE

続きを読む

全世界で100万人が読んだマニフェストが完全版で日本上陸!

リッチ・シェフレンが語る
「仕事量を減らし、労働時間を短くしながら、利益を増やしていく方法」についての
2時間のセミナー映像のDVDが付いた
2,980円の『インターネットビジネスマニフェスト』の完全版の日本語本が
今だけほぼ無料で配布されています。


『ザ・ローンチ(世界一効率的に億万長者になる方法)』著者:ジェフ・ウォーカー

『ザ・ローンチ (世界一効率的に億万長者になる方法)』
著者:ジェフ・ウォーカー


専業主夫が、たった7日で1000万円以上の売上を達成し、
「1日1億円の売上」を常識にした販売手法を、あなたにも。


メルマガ登録
メールマガジンへのご登録は、こちらからどうぞ
PR

このページの先頭へ