カスタムWordPressサイドバーのパフォーマンスのテスト

公開: 2020-08-04

数ヶ月前、私は私たちのウェブサイトに到達するトラフィックの大部分が私たちのブログ投稿に到達することを説明しました。このため、コンテンツ内のバナーを使用して、ブログから製品のページへのトラフィックを促進しようとしました。ここで私たちの経験を詳細に読むことができますが、 tl; drは、コンテンツ内のバナーが読者によって無視されることが多いということです。 バナーブラインドネスとして知られているもの。

諦めないので、ブログにたどり着くトラフィックをなんらかの形で収益化することを考え続けました。そして、私たちは適用する興味深いアイデアを思いつきました。しかし、いつものように、そのアイデアが良いかどうかを確認する前に、A/Bテストでテストする必要があります。そして、ここで私たちが行ったことを詳しく説明します。

ブログ投稿へのカスタムサイドバーの追加

私たちのブログにはサイドバーはありません。コンテンツとともに単一の中央セクションを使用します。サイドバーを使用するというアイデアは、私たちを興奮させたことはありません。プロモーションやその他のウィジェットをその中に入れることはできますが、コンテンツを下にスクロールすると、リーダーはそれらを見ることができなくなり、サイドバーが占めるスペースが失われ、片側に空きスペースが残ります。ウィンドウのスペースを減らし、コンテンツが占有できるスペースを減らします。

ただし、多くのブログでは、下にスクロールしたときに2つの側面のいずれかに固定されたままのサイドバーがあり、ソーシャルメディアでコンテンツを共有するためのソーシャルアイコンが含まれています。ソーシャルアイコンと、プレミアムプラグインを少し宣伝するためのいくつかの行動を促すフレーズの両方を含む、このタイプのソリューションを実装するというアイデアを思いつきました。

このタイプの固定フローティングサイドバーの最初のバージョンは、次のスクリーンショットのコンテンツの左側に表示されているものです。

投稿の左側にあるバナー。プレミアムプラグインにリンクしており、ネットワーク上で投稿を共有するためのアイコンが含まれています。 — 投稿の左側にあるカスタムサイドバーは、プレミアムプラグインにリンクしており、ソーシャルメディアで投稿を共有するためのアイコンが含まれています。

このバーには、プラグインページに移動するためのボタンとともに、Nelioコンテンツビデオへのリンク（クリックするとモーダルオーバーレイが開いて視聴できます）が含まれています。以下に、A / Bテストに関連する画像と、Nelio A/Bテストのメインページに移動するためのアクションボタンとともにタイトルを追加します。最後に、ソーシャルネットワークで投稿を共有するための4つのアイコンがあります。

サイドバーは、コンテンツのスクロールを開始すると表示され、常にヘッダーの下に表示されます。ヘッダーは、投稿のタイトルと注目の画像用に予約されているスペースです。また、降り続けると固定されたままになります。また、投稿に幅の広い画像がある場合は、常にその上に表示されます（CSSのz-indexはあなたの友達です）。アイデアはそれができるだけ気にしないということです、しかしそれはその仕事をします。

このサイドバーをブログの投稿にのみ表示するため、WordPressテーマの投稿用に特定のテンプレートを変更しました。実際、このテンプレートの複製を作成し、そこにカスタムサイドバーを追加しました。

より良い解決策は、ウィジェット領域を作成し、前述のコンテンツをウィジェットとして追加することでしたが、バーが機能するかどうかを確認するだけなので、テンプレートのPHPを編集して簡単な解決策を選択しました。直接。完璧よりも良いです！

新しいテンプレートの準備ができたら、サイドバーが機能するかどうかをテストするために、Nelio A / Bテスト（ここから無料でダウンロードできます）を使用してテンプレートのA/Bテストを実行する必要があります。次のスクリーンショットでテストの定義を確認できます。

ブログ投稿のサイドバナーをテストするためのテンプレートテスト編集画面 — ブログ投稿のカスタムサイドバーをテストするためのテンプレートテスト編集画面。

コントロールバージョンとして、投稿のデフォルトテンプレートがあり、代替バージョンとして、前のテンプレートを複製したサイドバーを使用して作成したテンプレートがあります。

追跡したい目標は3つあります。 1つ目は、サイドバーのボタンをクリックするか、リンクまたはメインメニューから直接ページにアクセスすることにより、ブログからプラグインのページへのアクセスをカウントします。サイドバー付きのテンプレートがこれらのページへのトラフィックを増やすのに役立つかどうかを確認したいと思います。

2番目の目標は、サイドバーに表示されるビデオに対して行われたクリックをカウントします。ビデオのサイドバーがない元のバージョンでは、この目標の結果が得られないことは明らかです（クリックはありません）が、人々がそれをクリックしたかどうか、またはクリックしたかどうかを確認するのは興味深いと思いました。バナーの失明が再び私たちを襲った。

最後に、共有アイコンがクリックされているかどうかを確認するための3番目の目標を追加しました。その理由は、前のケースで説明したのと同じです。

テスト結果の分析

テスト開始から1か月後、これらの結果が得られました。最初に定義された目標については、次のスクリーンショットで確認できます。

プラグインのページへのアクセスに関するサイドバナーテストの結果。 — プラグインのページへのアクセスに関するサイドバーテストの結果。

サイドバーを含むテンプレートのバージョンは、サイドバーを含まないバージョンよりもほぼ20％優れています。したがって、サイドバーがあると、もう少し多くの訪問者がプラグインのページを見るのに役立ちます。結果によって達成された統計的信頼度は90％を超えているため、勝者、つまりサイドバーを維持できます。

ビデオのクリック数については、次のスクリーンショットの結果から、クリック数が非常に少ないことがわかります。ビデオが表示される場所であるため、明らかにサイドバー付きのバージョンが優先されますが、ビデオが実際にそこで重要な役割を果たしているかどうかは議論の余地があります。これを見ると、単純な画像でも同じ仕事をより少ないページ負荷で行うことができます。

ビデオクリックに関するサイドバナーテストの結果。 — ビデオクリックに関するサイドバーテストの結果。

非常に驚くべきことは、ソーシャルメディアで共有するためのアイコンのクリックです。 11Kを超える訪問者を分析した後、以下に示すように、これらのアイコンをクリックしたのは3人だけでした。

ネットワークエントリ共有に関するサイドバナーテストの結果。 — ソーシャルシェアリングの観点からのサイドバーテストの結果。

関連性が十分でないか、訪問者がソーシャルネットワークでコンテンツを共有する習慣がなくなっています。このトピックは、多くの解釈や将来の詳細な調査に適しています。

結論

結果を見ると、サイドバーは製品ページへのトラフィックを増やすのに少し役立つと結論付けています。もちろん、それは特効薬ではありませんが、ブログに掲載することは問題ではなく、いくつかの点で私たちに利益をもたらします。

今、私たちが試してみるべきなのは、さらにうまく機能するコンテンツとフォーマットを見つけるために、さまざまなコンテンツを使用したこのサイドバーの新しいデザインです。サイドバーを使用するので、可能な限り最高のバージョンを見つけてみましょう。しかし、それは将来の記事でわかります…

最後に、コンテンツの共有に関して訪問者の相互作用が少ないことは驚くべきことです。私の意見では、私たちはソーシャルメディアを使用して、何かを共有するよりも多くを消費しています。したがって、ネットワーク上でコンテンツを自分たちで共有することの重要性。訪問者があなたに代わってコンテンツを共有することを期待している場合、あなたは死んでいるからです。

コメントにあなたの意見を残すことを忘れないでください。ソーシャルメディアのプロフィールで面白いと思うコンテンツを共有していますか？どうしますか？

UnsplashのNickFewingsによる注目の画像。