测试自定义 WordPress 侧边栏的性能
已发表: 2020-08-04几个月前，我解释说，到达我们网站的大部分流量都来自我们的博客文章。 出于这个原因，我们试图通过在内容中使用横幅将流量从博客吸引到我们产品的页面。 您可以在此处详细阅读我们的经验，但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 上的特色图片。