測試自定義 WordPress 側邊欄的性能

幾個月前，我解釋說，到達我們網站的大部分流量都來自我們的博客文章。 出於這個原因，我們試圖通過在內容中使用橫幅將流量從博客吸引到我們產品的頁面。 您可以在此處詳細閱讀我們的經驗，但tl;dr是內容中的橫幅經常被讀者忽略； 被稱為橫幅盲的東西。

由於沒有放棄，我們繼續考慮嘗試以某種方式將到達博客的流量貨幣化。 我們想出了一個有趣的想法來應用。 但是，與往常一樣，在查看該想法是否好之前，您必須使用 A/B 測試對其進行測試。 在這裡，我將詳細解釋我們所做的工作。

向博客文章添加自定義側邊欄

我們的博客沒有側邊欄。 我們使用一個包含內容的中央部分。 使用側邊欄的想法從未讓我們興奮，因為雖然您可以在其中放置促銷和其他小部件，但當您向下滾動內容時，讀者將不再看到它們，您也會失去側邊欄佔據的空間，在一側留下空白空間窗口並減少內容可以佔用的空間。

但是，在許多博客中，當您向下滾動時，您會發現側邊欄保持固定在兩側之一，並包含用於在社交媒體上共享內容的社交圖標。 我們提出了實施這種類型的解決方案的想法，包括社交圖標和一些行動呼籲，以對我們的高級插件進行一些推廣。

這種類型的固定浮動側邊欄的第一個版本是您可以在以下屏幕截圖中的內容左側看到的那個：

在這個欄中，我們包含了一個指向 Nelio Content 視頻的鏈接（單擊該視頻會打開一個模式疊加層以觀看它），以及一個將您帶到插件頁面的按鈕。 下面我們添加一個標題以及與 A/B 測試相關的圖像和一個將您帶到 Nelio A/B 測試主頁的操作按鈕。 最後，我們有 4 個圖標可以在社交網絡上分享帖子。

當您開始滾動瀏覽內容時，側邊欄就會出現，並且始終位於標題下方，這是為帖子標題和特色圖片保留的空間。 此外，當您繼續下降時，它仍然是固定的。 如果帖子中有更寬的圖像，它總是出現在它們上方（CSS 中的 z-index 是你的朋友）。 這個想法是它盡可能少地打擾，但它確實完成了它的工作。

由於我們希望此側邊欄僅出現在博客文章中，因此我們修改了 WordPress 主題文章的特定模板。 事實上，我們已經創建了這個模板的副本，這就是我們添加自定義側邊欄的地方。

更好的解決方案是創建一個小部件區域並將我之前提到的內容添加為小部件，但由於這個想法只是檢查欄是否有效，我們選擇了通過編輯模板的 PHP 來快速解決直接地。 做得比完美更好！

準備好新模板後，我們只需使用 Nelio A/B 測試（您可以從這裡免費下載）對模板進行 A/B 測試，以測試側邊欄是否有效。 您可以在以下屏幕截圖中看到測試的定義：

作為控製版本，我們有帖子的默認模板，作為替代版本，我們創建的版本是與前一個相同的側邊欄。

至於我們要跟踪的目標，我們有三個。 第一個計算從博客到我們插件頁面的訪問量，既可以通過單擊側邊欄中的按鈕，也可以通過鏈接或主菜單直接訪問頁面。 我們想看看帶有側邊欄的模板是否有助於為這些頁面帶來更多流量。

第二個目標計算對邊欄中顯示的視頻的點擊次數。 很明顯，沒有視頻側邊欄的原始版本不會有這個目標的結果（沒有點擊），但我們認為看看人們是否點擊它會很有趣橫幅盲目性再次襲擊了我們。

最後，我們添加了第三個目標，以查看是否單擊了共享圖標。 原因與我剛剛解釋的前一個案例相同。

分析測試結果

測試開始一個月後，這些是我們得到的結果。 對於第一個定義的目標，您可以在以下屏幕截圖中看到它們：

包含側邊欄的模板版本比沒有它的版本好將近 20%。 因此，擁有側邊欄有助於更多的訪問者看到我們插件的頁面。 結果實現的統計置信度大於 90%，因此我們可以保留獲勝者，因此可以保留側邊欄。

關於視頻的點擊量，我們在下面的截圖結果中看到點擊量非常低。 儘管顯然帶有側邊欄的版本會勝出，因為這是視頻出現的地方，但視頻是否真的在那裡發揮重要作用是值得商榷的。 看到這一點，一個簡單的圖像可以用較低的頁面加載完成同樣的工作。

令人驚訝的是點擊圖標以在社交媒體上分享。 在分析了超過 11K 的訪問者後，只有 3 人點擊了這些圖標，如下所示：

要么它們不夠相關，要么訪問者不再有在社交網絡上分享內容的習慣。 該主題適合多種解讀，適合日後深入研究。

結論

查看結果，我們得出結論，側邊欄有助於為我們的產品頁面增加流量。 當然，這不是靈丹妙藥，但將其放在博客上不是問題，並且在某些方面使我們受益。

現在我們應該嘗試的是這個側邊欄的新設計，包含不同的內容，以找到更好的內容和格式。 由於我們將使用側邊欄，讓我們嘗試找到它的最佳版本。 但我們會在以後的文章中看到……

最後，訪問者在分享內容方面的低互動令人驚訝。 在我看來，我們使用社交媒體來消費而不是分享任何東西。 因此，我們自己在網絡上分享內容的重要性，因為如果你期望訪問者為你做這件事，你就死定了。

不要忘記在評論中留下您的意見。 您是否在社交媒體的個人資料中分享您覺得有趣的內容？ 你怎麼做呢？

Nick Fewings 在 Unsplash 上的特色圖片。