WordPress サイトにインタラクティブなコンテンツを追加する方法

WordPress プラットフォームだけでも、毎日何百万ものブログ投稿が公開されています。ありきたりなテキスト記事で目立つことは、それほど簡単なことではありません。 2021 年の戦略にインタラクティブコンテンツを組み込むことは、視聴者のエンゲージメントを高めるためにむしろ必要になる可能性があります。

コンテンツの好みに関する Demand Gen の調査では、B2B 購入者が「ショーアンドテル」エクスペリエンスにますます依存していることがわかりました。彼らが好むフォーマットの例をいくつか示します。

YouTube のトレンドでは、視聴者がコンテンツを通じて他の人とつながる機会を求めていることもわかりました。

この記事では、インタラクティブコンテンツの種類と、それを WordPress ウェブサイトに簡単に実装するために使用できるプラグインについて説明します。基本から始めましょう。

インタラクティブコンテンツとは何ですか?

インターネット文化の 90 対 9 対 1 の法則によれば、オンラインでのアクションの大部分を占めるのはわずか 1% のユーザーです。このため、99% の人は積極的に参加していないことになります (推定 90% の人が「隠れて」おり、残りの 9% はほとんど貢献したり変更したりしません)。

インタラクティブなコンテンツには、読者に Web サイトへの参加を促す計算ツール、評価、ビデオ、アンケートなどの形式が含まれます。そうすることで、9% の断続的な投稿者に、コンテンツを受動的に消費するのではなく、より多くの関与を促すことができます (潜在的な投稿者も含む可能性があります)。

このような積極的な関与により、読者がコンテンツから価値を確実に引き出し、読者との関係が深まります。

インタラクティブなコンテンツを始めるために、考慮できるいくつかのタイプと、それらを WordPress サイトに実装するために使用できるプラグインを以下に示します。

1. インタラクティブビデオ

オンラインビデオはインターネット上で人気があります。インタラクティブな要素を追加すると、没入感がさらに高まる可能性があります。いくつかの例としては、ビデオ内での穴埋め質問や多肢選択式の質問の使用などが挙げられます。視聴者の答えによっては、動画の周りを飛び回ってしまう可能性があります。

教育ビデオの場合、このようなインタラクティブな体験は、新しい概念の暗記に役立つ可能性があります。以下は、レシピビデオで表示される多肢選択式の質問の例です。

没入型のストーリーテリングを約束する 360° ビデオも、分野によっては視聴者にとって効果的です。ただし、より単純なインタラクティブな要素から始めることをお勧めします。

インタラクティブコンテンツ – H5P

プラグインを使用すると、さまざまな種類の質問や多数の情報リソースをビデオに追加できます。また、ユーザーの入力に基づいてビデオ間をジャンプする適応性もサポートしています。

HTML-5 ベースのインタラクティブビデオを作成および編集するには、H5P オーサリングツール (ブラウザベース) を使用する必要があります。 YouTube でビデオをホストすることも可能で、HP5 にはアップロード制限があるため、特に大きなビデオの場合は合理的です。

センセイプロLMS

あるいは、Sensei を使用したコースをすでに提供している場合は、Sensei ビデオブロックを使用してインタラクティブなビデオを作成できます。たとえば、ブロックを使用してビデオブレークポイントを追加し、クイズの質問を追加できます。素早くて簡単ですが、このオプションは、Sensei のすべての LMS 機能を使用することに興味がある場合にのみお勧めします。

2. クイズ、評価、アンケート

楽しい体験をしながら視聴者のことを知る最も一般的な方法の 1 つは、視聴者にクイズを立てることです。

たとえば、誰対誰かなどの文法記事で、Grammarly は読者に質問を投げかけます。クイズに答えた読者は、難しい文法規則を覚えて、それを現実のシナリオに適用できる可能性が高くなります。

最後に、アンケートやアンケートは、製品の需要を事前に検証し、コンテンツに関する貴重なフィードバックを得るのに役立ちます。

クイズ&アンケートマスター

優れた無料オプションは Quiz and Survey Master です。簡単で無料で、アンケートの作成に使用できる機能がたくさんあります。このプラグインでは、質問の種類、カウントダウンタイマー、数式、入力制限、必要なログイン、カスタマイズ可能な結果ページに加えて、参加者に結果を電子メールで送信したり、ソーシャルメディアで共有したりするオプションも提供します。

モーダルサーベイ（プレミアム）

Modal Survey のコピーを購入してダウンロードすると、クイズやアンケートを作成して WordPress Web サイトに埋め込むことができます。彼らの専門は、デザインをカスタマイズして、視覚的に魅力的なだけでなく、体験を楽しくできるようにすることです。

実際、クイズに答えると、訪問者は画面上で個別のアドバイスを得ることができます。最終結果を電子メールで送信したり、ブランドのレポートを共有したりするオプションもあります。

3. 投票

視聴者から幅広い意見を得る摩擦の少ない方法は、WordPress でアンケートを実施することです。これらはメディアの Web サイトやソーシャルメディアでもかなり一般的です。成功している YouTube クリエイターの多くは、視聴者について詳しく知り、コンテンツを形作るために定期的にアンケートを利用しています。

ブログ投稿で視聴者にアンケートを行い、購入に興味がある可能性のある製品について知ることができます。 e コマース Web サイトも、製品のランディングページでアンケートを使用して、訪問者からフィードバックを取得します。

オピニオンステージ

Opinion Stage プラグインは、Web サイトにアンケートを迅速に実装し、訪問者にアンケート結果をリアルタイムで表示するのに最適です。ビデオ、リード生成、有権者をランディングページにリダイレクトするためのテンプレートが多数付属しています。画像を追加して、投票を視覚的に魅力的にすることもできます。

バックエンドでは、アンケートを通じて生成されたビュー、投票、リードの詳細を表示する結果ダッシュボードにアクセスできます。

CSS オーバーライド機能を使用して、ブランドのカラーに合わせて投票をカスタマイズできます。アイテムのホワイトラベルにロゴを追加することもできます。

4. (オンデマンド) ウェビナー

ライブストリームとウェビナーは、参加者との対話を伴う一般的なビデオ形式です。しかし、オンデマンドのウェビナーは、リード発掘の取り組みにさらに効果的に追加できる可能性があります。これらはホストによって事前に記録されており、いつでも表示できます。

その理由は、視聴者にとっての視聴の利便性だけではありません。ウェビナーを公開する前に、スライドとナレーションを磨き上げることもできます。これにより、最高の品質の作品を提供し、ライブウェビナーの場合と同様の興奮を生み出すことができます。出席者があなたに尋ねたい質問が、後であなたのメールに届くので、あなたはそれに答えることができます。

Authority Hacker は、ウェブサイト上のリードマグネットとして「無料トレーニング」を使用しており、以下のオンデマンドウェビナーのランディングページにつながります。彼らはまた、その周囲に欠乏性を作り出し、次のイベントが数分以内に始まることを示します（このような欠乏性は偽物であるため、これを使用するかどうかはあなたにお任せします）。

ウェビナープレス

WebinarPress を使用すると、YouTube、Vimeo、またはサーバーから自動ウェビナーをホストできます。ショートコードを使用して、登録ランディングページのスタイルを設定し、Web サイトの任意の場所にフォームを配置できます。自動メールリマインダーをカスタマイズして送信できます。ただし、事前に録画されたウェビナーを使用するには、Pro バージョンを購入する必要があります。

5. 電卓

多くの企業が静的コンテンツとともによく使用するもう 1 つの形式は、電卓です。彼らの仕事は、ユーザーのために数学の重労働を行うことです。好例は、Influencer Marketing Hub による視聴回数とチャンネル登録者に基づいて、YouTuber が自分のチャンネルからどれだけ稼げるかを計算するツールです。

確かに電卓は、商品のランディングページではより効果的に機能する可能性があります。視聴者に数字を入力して、製品によってどれだけの時間とお金が節約されるかを伝えることができます。または、見込み顧客のニーズに基づいてカスタム見積もりを取得してもらいます。

計算フィールドフォーム

その電卓インターフェイスには、ビジュアルフォームビルダーと書式設定オプションが付属しています。フォームフィールドで実行する数学的演算を定義するロジックビルダーもあります。事前に構築された実用的なサンプルとテンプレートを基にして構築できますが、新しい電卓を最初から作成することも可能です。

次回のブログ投稿で試せる簡単なアイデア

上記のアイデアに圧倒されると思われる場合は、次の静的なブログ投稿にインタラクティブな要素を追加できる簡単な方法をいくつか紹介します。これらはすべて、Web サイト上のトップの WordPress ページビルダー (WPBakery や Elementor など) のほぼすべてを使用して実装できます。

ａ．サマリーボックスによる簡単な概要

Web ユーザーは、コンテンツをかじったり、間食したり、豪華な食事をしたりする傾向があります。記事の冒頭に簡潔な要約を載せておくと、簡単にまとめたい人には効果的かもしれません。読んだ内容が気に入ったら、その記事をさらに読むことを検討するかもしれません。

b.アコーディオンでもっと食べよう

好奇心旺盛な読者に (クリックによる読者のリクエストに応じて) コンテンツを提供するもう 1 つの優れたツールは、アコーディオンです。 Easy Accordion のようなプラグインを使用すると、よくある質問 (FAQ) セクションまたはページについての質問を使用できます。 + ボタンを押すと、ユーザーは興味のある質問に対する回答を読むことができます。

c.目次 (TOC) を使用して関連セクションに直接移動

現在、長い記事のほうが検索で上位に表示される傾向があります。しかし、検索者は特定のセクションだけを読み、サイトから離れたいと考えている可能性があります。目次は、このようなシナリオでユーザーに関連するサブトピックにジャンプするのに役立ちます。これらのリンクは、検索結果にサイトリンクとしても表示されます。

これは、ページへのクリック数を増やすのに役立つ貴重な SERP 不動産です。

Easy Table of Contents などのプラグインを使用できます。ただし、これは一部のテーマやページビルダーにすでに組み込まれている機能です。たとえば、Elementor を使用すると、記事内の見出しタグにジャンプリンクを含む目次を追加できます。私はそれらを H2 と H3 に限定することを好みます。そうしないと、見た目が乱雑に見え、読者を圧倒してしまいます。ブランドカラーに沿った目次をデザインすることもできます。また、右側のサイドバーに固定され、読者が記事をスクロールするときにフローティングすることもできます。

インタラクティブコンテンツは、毎日公開される何百万ものバニラテキストのみのブログ投稿の中で目立つための優れた方法です。この記事では、サイトで試すために使用できる 5 つのコンテンツ形式と WordPress プラグインについて説明しました。

どのタイプのインタラクティブコンテンツを実験しますか?以下のコメント欄でお知らせください。