การทดสอบประสิทธิภาพของแถบด้านข้าง WordPress แบบกำหนดเอง

เผยแพร่แล้ว: 2020-08-04

ไม่กี่เดือนที่ผ่านมา ฉันอธิบายว่าการเข้าชมส่วนใหญ่ที่มาถึงเว็บไซต์ของเรามาที่โพสต์ในบล็อกของเรา ด้วยเหตุนี้ เราจึงพยายามเพิ่มปริมาณการเข้าชมจากบล็อกไปยังหน้าผลิตภัณฑ์ของเราผ่านการใช้แบนเนอร์ภายในเนื้อหา คุณสามารถอ่านรายละเอียดประสบการณ์ของเราได้ที่นี่ แต่ tl;dr คือแบนเนอร์ภายในเนื้อหามักถูกละเลยโดยผู้อ่าน สิ่งที่เรียกว่า ตาบอดแบนเนอร์

เนื่องจากไม่มีการล้มเลิก เราจึงคิดต่อไปเกี่ยวกับการพยายามสร้างรายได้จากการเข้าชมที่เข้าถึงบล็อกในทางใดทางหนึ่ง และเราก็ได้ไอเดียที่น่าสนใจมาประยุกต์ใช้ แต่เช่นเคย ก่อนที่จะดูว่าแนวคิดนั้นดีหรือไม่ คุณต้องทดสอบด้วยการทดสอบ A/B และที่นี่ฉันจะอธิบายสิ่งที่เราได้ทำในรายละเอียด

การเพิ่มแถบด้านข้างแบบกำหนดเองไปยังบล็อกโพสต์

บล็อกของเราไม่มีแถบด้านข้าง เราใช้ส่วนกลางเดียวกับเนื้อหา แนวคิดในการใช้แถบด้านข้างไม่เคยทำให้เราตื่นเต้น เพราะถึงแม้คุณสามารถใส่โปรโมชันและวิดเจ็ตอื่นๆ ไว้ข้างในได้ เมื่อคุณเลื่อนลงมาที่เนื้อหา ผู้อ่านจะไม่เห็นพวกเขา และคุณจะสูญเสียพื้นที่ที่แถบด้านข้างใช้โดยเหลือที่ว่างไว้ด้านหนึ่ง ของหน้าต่างและลดพื้นที่ที่เนื้อหาสามารถครอบครองได้

อย่างไรก็ตาม ในหลาย ๆ บล็อก คุณจะพบแถบด้านข้างที่ยังคงติดอยู่ที่ด้านใดด้านหนึ่งเมื่อคุณเลื่อนลงมาและมีไอคอนโซเชียลสำหรับการแชร์เนื้อหาบนโซเชียลมีเดีย เราเกิดแนวคิดในการใช้โซลูชันประเภทนี้ ซึ่งรวมถึงไอคอนโซเชียลและคำกระตุ้นการตัดสินใจสองสามอย่างเพื่อโปรโมตปลั๊กอินพรีเมียมของเราเล็กน้อย

รุ่นแรกของแถบด้านข้างแบบลอยคงที่ประเภทนี้เป็นเวอร์ชันที่คุณเห็นทางด้านซ้ายของเนื้อหาในภาพหน้าจอต่อไปนี้:

แบนเนอร์ทางด้านซ้ายของโพสต์ที่เชื่อมโยงไปยังปลั๊กอินระดับพรีเมียมของเรา และมีไอคอนสำหรับแชร์โพสต์บนเครือข่าย
แถบด้านข้างแบบกำหนดเองของเราที่ด้านซ้ายของโพสต์ที่ลิงก์ไปยังปลั๊กอินพรีเมียมของเรา และมีไอคอนสำหรับแชร์โพสต์บนโซเชียลมีเดีย

ในแถบนี้ เราได้รวมลิงก์ไปยังวิดีโอเนื้อหา Nelio (ซึ่งเมื่อคลิก จะเป็นการเปิดการซ้อนทับแบบโมดอลเพื่อดู) พร้อมด้วยปุ่มที่นำคุณไปยังหน้าปลั๊กอิน ด้านล่าง เราเพิ่มชื่อพร้อมกับรูปภาพที่เกี่ยวข้องกับการทดสอบ A/B และปุ่มการทำงานที่นำคุณไปยังหน้าหลักของ Nelio A/B Testing สุดท้าย เรามี 4 ไอคอนสำหรับแชร์โพสต์บนโซเชียลเน็ตเวิร์ก

แถบด้านข้างจะปรากฏขึ้นเมื่อคุณเริ่มเลื่อนดูเนื้อหาและอยู่ใต้ส่วนหัวเสมอ ซึ่งเป็นพื้นที่ที่สงวนไว้สำหรับชื่อโพสต์และรูปภาพเด่น นอกจากนี้ มันยังคงได้รับการแก้ไขเมื่อคุณลงต่อไป และหากมีรูปภาพที่กว้างขึ้นในโพสต์ รูปภาพนั้นก็จะปรากฏเหนือรูปภาพเหล่านั้นเสมอ (ดัชนี z ใน CSS คือเพื่อนของคุณ) แนวคิดก็คือว่ามันรบกวนจิตใจให้น้อยที่สุด แต่ก็ทำหน้าที่ของมันได้

เนื่องจากเราต้องการให้แถบด้านข้างนี้ปรากฏในโพสต์บล็อกเท่านั้น เราจึงได้แก้ไขเทมเพลตเฉพาะสำหรับโพสต์ในธีม WordPress ของเรา อันที่จริง เราได้สร้างเทมเพลตที่ซ้ำกัน และนั่นคือที่ที่เราเพิ่มแถบด้านข้างแบบกำหนดเอง

ทางออกที่ดีกว่าคือการสร้างพื้นที่วิดเจ็ตและเพิ่มเนื้อหาที่ฉันได้กล่าวมาก่อนเป็นวิดเจ็ต แต่เนื่องจากแนวคิดนี้เป็นเพียงการตรวจสอบว่าแถบใช้งานได้หรือไม่ เราจึงเลือกใช้วิธีแก้ปัญหาอย่างรวดเร็วโดยแก้ไข PHP ของเทมเพลต โดยตรง. ทำได้ดีกว่าสมบูรณ์แบบ!

เมื่อเทมเพลตใหม่พร้อมแล้ว เราก็ต้องทำการทดสอบเทมเพลต A/B โดยใช้การทดสอบ A/B ของ Nelio (คุณสามารถดาวน์โหลดได้ฟรีจากที่นี่) เพื่อทดสอบว่าแถบด้านข้างใช้งานได้หรือไม่ คุณสามารถดูคำจำกัดความของการทดสอบได้ในภาพหน้าจอต่อไปนี้:

หน้าจอแก้ไขการทดสอบเทมเพลตเพื่อทดสอบแบนเนอร์ด้านข้างในบล็อกโพสต์
หน้าจอแก้ไขการทดสอบเทมเพลตเพื่อทดสอบแถบด้านข้างที่กำหนดเองในโพสต์บล็อก

สำหรับเวอร์ชันควบคุม เรามีเทมเพลตเริ่มต้นสำหรับโพสต์ และสำหรับเวอร์ชันอื่น เราได้สร้างเวอร์ชันก่อนหน้าด้วยแถบด้านข้างที่ทำซ้ำ

สำหรับเป้าหมายที่เราต้องการติดตาม เรามีสามเป้าหมาย ครั้งแรกนับการเข้าชมจากบล็อกไปยังหน้าของปลั๊กอินของเรา ทั้งโดยการคลิกที่ปุ่มในแถบด้านข้างและไปที่หน้าโดยตรงผ่านลิงก์หรือเมนูหลัก เราต้องการดูว่าเทมเพลตที่มีแถบด้านข้างช่วยเพิ่มการเข้าชมหน้าเหล่านี้ได้หรือไม่

เป้าหมายที่สองนับการคลิกที่เกิดขึ้นกับวิดีโอที่ปรากฏในแถบด้านข้าง เป็นที่ชัดเจนว่าเวอร์ชันดั้งเดิมซึ่งไม่มีแถบด้านข้างพร้อมวิดีโอจะไม่ได้รับผลลัพธ์สำหรับเป้าหมายนี้ (จะไม่มีการคลิก) แต่เราคิดว่าน่าสนใจที่จะดูว่าผู้คนคลิกหรือไม่ แบนเนอร์ตาบอด ตีเราอีกครั้ง

สุดท้าย เราได้เพิ่มเป้าหมายที่สามเพื่อดูว่ามีการคลิกไอคอนแชร์หรือไม่ เหตุผลเดียวกับที่ฉันเพิ่งอธิบายสำหรับกรณีก่อนหน้านี้

การวิเคราะห์ผลการทดสอบ

หนึ่งเดือนหลังจากเริ่มการทดสอบ นี่คือผลลัพธ์ที่เราได้รับ สำหรับเป้าหมายที่กำหนดไว้ครั้งแรก คุณสามารถดูได้ในภาพหน้าจอต่อไปนี้:

ผลลัพธ์ของการทดสอบแบนเนอร์ด้านข้างในแง่ของการเข้าชมหน้าของปลั๊กอินของเรา
ผลการทดสอบแถบด้านข้างในแง่ของการเข้าชมหน้าของปลั๊กอินของเรา

เวอร์ชันของเทมเพลตที่มีแถบด้านข้างทำงานได้ดีกว่าเวอร์ชันที่ไม่มีแถบด้านข้างเกือบ 20% ดังนั้น การมีแถบด้านข้างจะช่วยให้ผู้เยี่ยมชมเห็นหน้าของปลั๊กอินของเรามากขึ้น ความเชื่อมั่นทางสถิติที่ได้จากผลลัพธ์นั้นมากกว่า 90% ดังนั้นเราจึงสามารถเก็บผู้ชนะและแถบด้านข้างไว้ได้

เกี่ยวกับการคลิกบนวิดีโอ เราเห็นในผลลัพธ์ของภาพหน้าจอต่อไปนี้ว่าจำนวนการคลิกต่ำมาก แม้ว่าเวอร์ชันที่มีแถบด้านข้างจะชนะอย่างชัดเจนเนื่องจากเป็นตำแหน่งที่วิดีโอปรากฏ แต่ก็เป็นที่ถกเถียงกันว่าวิดีโอมีบทบาทสำคัญในนั้นหรือไม่ เมื่อเห็นสิ่งนี้ รูปภาพธรรมดาสามารถทำงานเดียวกันได้ด้วยการโหลดหน้าที่น้อยลง

ผลลัพธ์ของการทดสอบแบนเนอร์ด้านข้างในแง่ของการคลิกวิดีโอ
ผลการทดสอบแถบด้านข้างในแง่ของการคลิกวิดีโอ

สิ่งที่น่าประหลาดใจมากคือการคลิกที่ไอคอนเพื่อแชร์บนโซเชียลมีเดีย หลังจากวิเคราะห์ผู้เข้าชมมากกว่า 11,000 คน มีเพียง 3 คนเท่านั้นที่คลิกไอคอนเหล่านี้ ดังที่คุณเห็นด้านล่าง:

ผลลัพธ์ของการทดสอบแบนเนอร์ด้านข้างในแง่ของการแชร์รายการเครือข่าย
ผลการทดสอบแถบด้านข้างในแง่ของการแบ่งปันทางสังคม

ไม่ว่าพวกเขาจะมีความเกี่ยวข้องเพียงพอหรือผู้เยี่ยมชมไม่มีนิสัยในการแบ่งปันเนื้อหาบนเครือข่ายสังคมของพวกเขาอีกต่อไป หัวข้อนี้เหมาะสำหรับการตีความหลายอย่างและเพื่อการศึกษาเชิงลึกในอนาคต

บทสรุป

เมื่อดูผลลัพธ์แล้ว เราสรุปได้ว่าแถบด้านข้างช่วยเพิ่มการเข้าชมหน้าผลิตภัณฑ์ของเราได้เล็กน้อย แน่นอนว่าไม่ใช่กระสุนเงิน แต่การมีไว้ในบล็อกไม่ใช่ปัญหาและเป็นประโยชน์ต่อเราในบางแง่มุม

สิ่งที่เราควรลองคือการออกแบบใหม่ของแถบด้านข้างนี้ซึ่งมีเนื้อหาต่างกันเพื่อค้นหาเนื้อหาและรูปแบบที่ใช้งานได้ดียิ่งขึ้น เนื่องจากเราจะใช้แถบด้านข้าง เรามาลองค้นหาเวอร์ชันที่ดีที่สุดกันเถอะ แต่เราจะเห็นว่าในบทความต่อๆ ไป…

ในที่สุด ปฏิสัมพันธ์ต่ำของผู้เยี่ยมชมในแง่ของการแบ่งปันเนื้อหานั้นน่าประหลาดใจ ในความคิดของฉัน เราใช้โซเชียลมีเดียเพื่อบริโภคมากกว่าแบ่งปันสิ่งใด ดังนั้นความสำคัญของการแบ่งปันเนื้อหาด้วยตนเองบนเครือข่าย เนื่องจากหากคุณคาดหวังว่าผู้เยี่ยมชมจะทำเพื่อคุณ แสดงว่าคุณตายแล้ว

อย่าลืมแสดงความคิดเห็นของคุณในความคิดเห็น คุณแบ่งปันเนื้อหาที่คุณสนใจในโปรไฟล์ของคุณบนโซเชียลมีเดียหรือไม่? คุณจะทำอย่างไรมันได้หรือไม่?

ภาพเด่นโดย Nick Fewings บน Unsplash