사용자 정의 WordPress 사이드바의 성능 테스트

몇 달 전에 나는 우리 웹사이트에 도달하는 트래픽의 상당 부분이 블로그 게시물에 있다고 설명했습니다. 이러한 이유로 콘텐츠 내 배너를 사용하여 블로그에서 제품 페이지로 트래픽을 유도하려고 했습니다. 여기에서 우리의 경험을 자세히 읽을 수 있지만 내용 내 배너는 종종 독자 가 무시한다는 것입니다. 배너 실명 으로 알려진 것.

포기란 없기에 블로그에 들어오는 트래픽을 어떤 식으로든 수익화할 수 있는 방법에 대해 계속 생각했습니다. 그리고 우리는 적용할 흥미로운 아이디어를 생각해 냈습니다. 그러나 항상 그렇듯이 그 아이디어가 좋은지 아닌지 확인하기 전에 A/B 테스트로 테스트해야 합니다. 그리고 여기에서 우리가 한 일에 대해 자세히 설명하겠습니다.

블로그 게시물에 사용자 정의 사이드바 추가하기

저희 블로그에는 사이드바가 없습니다. 우리는 콘텐츠와 함께 단일 중앙 섹션을 사용합니다. 사이드바를 사용한다는 아이디어는 우리를 흥분시킨 적이 없습니다. 그 안에 프로모션 및 기타 위젯을 넣을 수 있지만 콘텐츠를 아래로 스크롤하면 독자가 보기를 멈추고 사이드바가 차지하는 공간도 잃게 되기 때문입니다. 콘텐츠가 차지할 수 있는 공간을 줄입니다.

그러나 많은 블로그에서 아래로 스크롤할 때 양쪽 중 하나에 고정된 사이드바를 발견하고 소셜 미디어에서 콘텐츠를 공유하기 위한 소셜 아이콘을 포함합니다. 우리는 소셜 아이콘과 프리미엄 플러그인에 대한 약간의 프로모션을 위한 몇 가지 클릭 유도문안을 모두 포함하는 이러한 유형의 솔루션을 구현하는 아이디어를 생각해 냈습니다.

이 유형의 고정 부동 사이드바의 첫 번째 버전은 다음 스크린샷의 콘텐츠 왼쪽에서 볼 수 있는 버전입니다.

이 막대에는 플러그인 페이지로 이동하는 버튼과 함께 Nelio Content 비디오(클릭하면 모달 오버레이가 열립니다)에 대한 링크가 포함되어 있습니다. 아래에 A/B 테스팅과 관련된 이미지와 Nelio A/B 테스팅 메인 페이지로 이동하는 작업 버튼과 함께 제목을 추가합니다. 마지막으로 소셜 네트워크에서 게시물을 공유할 수 있는 4개의 아이콘이 있습니다.

사이드바는 콘텐츠를 스크롤하기 시작할 때 나타나며 항상 헤더 아래에 있습니다. 이 헤더는 게시물 제목과 추천 이미지를 위해 예약된 공간입니다. 또한 계속 내려가면 고정 상태를 유지합니다. 그리고 게시물에 더 넓은 이미지가 있으면 항상 그 위에 나타납니다(CSS의 z-색인은 친구입니다). 아이디어는 가능한 한 덜 귀찮게 하지만 제 역할을 한다는 것입니다.

이 사이드바가 블로그 게시물에만 표시되기를 원하기 때문에 WordPress 테마의 게시물에 대한 특정 템플릿을 수정했습니다. 사실, 우리는 이 템플릿의 복제본을 만들었고 거기에 사용자 정의 사이드바를 추가했습니다.

더 나은 해결책은 위젯 영역을 만들고 앞에서 언급한 내용을 위젯으로 추가하는 것이겠지만, 아이디어는 막대가 작동하는지 확인하는 것이므로 템플릿의 PHP를 편집하여 빠른 솔루션을 선택했습니다. 곧장. 완벽한 것보다 더 나은 완료!

새 템플릿이 준비되면 Nelio A/B Testing(여기에서 무료로 다운로드할 수 있음)을 사용하여 템플릿의 A/B 테스트를 수행하여 사이드바가 작동하는지 여부를 테스트하기만 하면 됩니다. 다음 스크린샷에서 테스트의 정의를 볼 수 있습니다.

제어 버전으로 게시물에 대한 기본 템플릿이 있고 대안 버전으로 이전 템플릿을 복제하는 사이드바를 사용하여 생성한 템플릿이 있습니다.

추적하려는 목표는 세 가지입니다. 첫 번째는 사이드바의 버튼을 클릭하고 링크나 기본 메뉴를 통해 직접 페이지를 방문하여 블로그에서 플러그인 페이지로의 방문을 계산합니다. 사이드바가 있는 템플릿이 이러한 페이지로 더 많은 트래픽을 유도하는 데 도움이 되는지 확인하고 싶습니다.

두 번째 목표는 사이드바에 표시되는 동영상의 클릭수를 계산합니다. 비디오와 함께 사이드바가 없는 원본 버전은 이 목표에 대한 결과를 얻지 못할 것이 분명하지만(클릭이 없을 것입니다), 우리는 사람들이 그것을 클릭했는지 또는 현수막 실명 이 우리를 다시 덮쳤습니다.

마지막으로 공유 아이콘이 클릭되었는지 확인하는 세 번째 목표를 추가했습니다. 그 이유는 바로 앞의 경우에 대해 설명드린 것과 같습니다.

테스트 결과 분석

테스트가 시작된 지 한 달 후 얻은 결과입니다. 첫 번째로 정의된 목표의 경우 다음 스크린샷에서 볼 수 있습니다.

사이드바가 포함된 템플릿 버전은 사이드바가 없는 버전보다 거의 20% 더 잘 작동합니다. 따라서 사이드바를 사용하면 더 많은 방문자가 플러그인 페이지를 볼 수 있습니다. 결과로 얻은 통계적 신뢰도는 90% 이상이므로 승자와 사이드바를 유지할 수 있습니다.

비디오 클릭과 관련하여 다음 스크린샷의 결과에서 클릭 수가 매우 낮은 것을 볼 수 있습니다. 사이드바가 있는 버전이 비디오가 표시되는 위치이기 때문에 분명히 이기는 하지만 비디오가 실제로 중요한 역할을 하는지에 대해서는 논쟁의 여지가 있습니다. 이를 보면 단순한 이미지가 더 적은 페이지 로드로 동일한 작업을 수행할 수 있습니다.

매우 놀라운 것은 소셜 미디어에서 공유하기 위한 아이콘의 클릭입니다. 11,000명 이상의 방문자를 분석한 후 아래에서 볼 수 있듯이 이 중 3명만 이 아이콘을 클릭했습니다.

관련성이 충분하지 않거나 방문자가 더 이상 소셜 네트워크에서 콘텐츠를 공유하는 습관이 없습니다. 이 주제는 많은 해석과 향후 심층 연구에 적합합니다.

결론

결과를 보면 사이드바가 제품 페이지로 트래픽을 유도하는 데 약간 도움이 된다고 결론지었습니다. 물론 만병통치약은 아니지만 블로그에 올리는 것은 문제가 되지 않으며 어떤 면에서는 우리에게 이익이 됩니다.

이제 더 잘 작동하는 콘텐츠와 형식을 찾기 위해 다양한 콘텐츠가 포함된 이 사이드바의 새로운 디자인을 시도해야 합니다. 사이드바를 사용할 것이기 때문에 가능한 최상의 버전을 찾아보도록 하겠습니다. 그러나 우리는 미래의 기사에서 그것을 볼 것입니다 ...

마지막으로 콘텐츠 공유 측면에서 방문자의 낮은 상호 작용은 놀라운 것입니다. 제 생각에는 소셜 미디어를 사용하여 공유하는 것보다 더 많이 소비합니다. 따라서 네트워크에서 콘텐츠를 공유하는 것이 중요합니다. 방문자가 당신을 대신할 것으로 기대한다면 당신은 죽기 때문입니다.

의견에 의견을 남기는 것을 잊지 마십시오. 소셜 미디어의 프로필에서 흥미로운 콘텐츠를 공유합니까? 당신은 그것을 어떻게합니까?

Unsplash의 Nick Fewings가 추천한 이미지 .