게시물 끝에서 제품 홍보

게시 됨: 2021-04-15

우리는 웹 사이트에서 실행한 A/B 테스트 중 하나를 설명하는 이 일련의 게시물을 계속합니다. 이번에는 블로그에서 제품 페이지로 트래픽을 유도하는 것이 목표입니다. 그렇게 함으로써 우리는 더 많은 방문자가 우리 콘텐츠에 매력을 느끼고 우리 제품에 관심을 갖도록 할 수 있습니다.

블로그는 저희 웹사이트의 강점 중 하나입니다. 우리는 수년간 콘텐츠를 만들어 왔습니다. 그리고 우리는 그러한 콘텐츠가 독자들에게 유용하다고 믿습니다. 또한 블로그는 인바운드 마케팅 전략의 기둥 중 하나입니다.

블로그에서 제품 페이지로 더 많은 트래픽을 유도하기 위해 이전에 여기에서 테스트한 사이드바 사용을 보았습니다. 우리는 또한 가장 인기 있는 블로그 게시물의 콘텐츠에 배너를 추가하려고 시도했지만 결과는 예상한 것과는 달랐습니다.

오늘 공부할 경우 각 블로그 게시물에 제품을 보여주는 추가 섹션을 추가했습니다. A/B 테스트 덕분에 이 변경 사항이 더 나은 결과를 얻을 수 있는지 확인할 수 있습니다.

검정 가설

블로그에서 각 게시물은 동일한 콘텐츠 템플릿을 따릅니다. 먼저 제목과 추천 이미지가 있는 헤더가 있습니다. 그런 다음 콘텐츠로 이동해야 합니다. 마지막으로 댓글 섹션이 있습니다.

이번에 설명할 테스트에서 테스트하려는 가설은 "댓글 상자 앞에 우리 제품에 대한 링크가 포함된 섹션을 추가하면 블로그를 통해 도달할 트래픽이 더 높아진다"입니다.

이 가설을 검증하기 위해 다음 스크린샷에서 볼 수 있는 것과 같은 섹션을 포함하도록 WordPress 테마 템플릿을 수정할 것을 제안합니다.

블로그 게시물에서 제품을 홍보하는 콘텐츠 끝에 있는 섹션입니다.
블로그 게시물에서 제품을 홍보하는 콘텐츠 끝에 있는 섹션입니다.

이 새로운 섹션에는 방문자를 각 제품의 방문 페이지로 안내하는 짧은 설명 문구 및 작업 버튼과 함께 추천 이미지와 제품 제목이 포함된 두 개의 상자가 있습니다.

이 섹션을 만들기 위해 테마의 게시물 템플릿을 복제한 다음 주석 블록 앞에 추가 HTML 코드를 포함했습니다. 이것은 이제 WordPress 테마에 두 번째 게시물 템플릿이 있음을 의미합니다.

이것으로 A/B 테스트를 시작하고 가설을 검증할 모든 준비가 되었습니다.

A/B 테스트의 정의

WordPress에서 A/B 테스트를 정의하기 위해 우리는 WordPress 플러그인 디렉토리에서 찾을 수 있는 Nelio A/B Testing 플러그인을 사용할 것입니다.

플러그인이 설치 및 활성화되면 Nelio A/B Testing » Tests 메뉴로 이동하여 템플릿의 새 A/B 테스트를 생성합니다. 우리가 얻는 것은 다음과 같은 사용자 인터페이스입니다.

블로그 게시물의 CSS A/B 테스트 편집 창입니다.
템플릿의 A/B 테스트 편집 보기입니다.

원본 버전이 게시물의 기본 템플릿임을 알 수 있습니다. 대체 버전으로 이전 지점에서 생성한 새 템플릿을 선택하고 여기에는 두 제품이 포함된 섹션이 포함됩니다.

다음으로 결과에서 측정하려는 전환 목표와 액션을 정의합니다. 이 경우 우리는 세 가지 목표를 정의할 것입니다. 먼저 블로그 게시물에서 두 제품 중 하나의 랜딩 페이지를 방문하는 모든 방문을 전환으로 계산합니다. 다른 두 가지 목표는 각 제품에 대한 방문수를 별도로 계산하는 것입니다.

모든 준비가 완료되면 A/B 테스트만 시작하면 됩니다. 테스트가 활성화되면 방문자의 절반은 원본 템플릿을 보고 나머지 절반은 변경 사항이 적용된 버전을 자동으로 보게 됩니다. 마찬가지로 버전을 본 방문자가 당사 제품 중 하나의 페이지를 방문할 때마다 A/B 테스트 플러그인은 새로운 전환을 계산하고 결과에 추가합니다.

최종 추세를 확인하고 두 버전 중 하나가 다른 버전보다 나은지 결정하려면 결과가 누적될 때까지 기다려야 합니다.

A/B 테스트 결과 분석

우리는 이 테스트를 3개월 이상 웹에서 실행했으며 이 기간 동안 거의 145,000번의 블로그 게시물 방문이 분석되었습니다. 그러나 템플릿 변경의 영향은 1% 미만으로 매우 낮습니다.

이것은 주로 극소수의 방문자가 콘텐츠 뒤에 있는 내용에 주의를 기울이기 때문입니다. 이것은 우리가 이전 게시물에서 히트맵과 스크롤맵에 대해 이야기할 때 이미 알아차린 것입니다. 변경 사항이 페이지에서 세로로 깊을수록 영향이 적습니다. 이 A/B 테스트에서 우리는 이것이 일어난 일임을 다시 확인했습니다.

그러나 결과로 돌아가서 첫 번째 목표를 보면 두 버전의 템플릿이 비슷한 성능을 보였습니다. 두 가지 옵션 중 하나가 분명히 더 낫다는 것을 감지할 수 있도록 두 버전 모두 실질적으로 중요한 변경 사항을 달성하지 못했습니다.

블로그 게시물에서 제품을 방문하는 목표에 대한 CSS 테스트 결과.
블로그 게시물의 제품 방문 목표에 대한 테스트 결과입니다.

A/B 테스트의 두 번째 목표인 Nelio Content 랜딩 페이지 방문만 봐도 마찬가지입니다. 결과는 다시 중요하지 않습니다. 템플릿의 어느 버전도 다른 버전보다 낫지 않습니다.

블로그 게시물에서 방문하는 Nelio Content 방문 목적에 대한 CSS 테스트 결과입니다.
블로그 포스트에서 Nelio Content 랜딩 페이지를 방문하는 목적에 대한 테스트 결과.

흥미롭게도 세 번째 목표를 보면 변화가 추가된 버전이 A/B 테스트에서 승자처럼 보인다. 90% 이상의 통계적 신뢰도로 게시물 콘텐츠 이후에 제품을 표시하는 템플릿은 Nelio A/B Testing 랜딩 페이지로 더 많은 트래픽을 유도합니다.

블로그 포스트에서 Nelio A/B Testing 방문 목적에 대한 CSS 테스트 결과입니다.
블로그 게시물에서 Nelio A/B Testing 랜딩 페이지 방문 목표에 대한 테스트 결과.

그러나 우리는 0.2% 미만의 전환율에 대해 이야기하고 있으므로 통계에 따르면 변경 사항이 있는 템플릿이 이 마지막 목표의 승자라고 말하지만 실제적인 목적으로 우리가 얻는 수치는 그다지 흥미롭지 않습니다.

오늘의 A/B 테스트를 통해 블로그 게시물을 변경하여 더 큰 영향을 미치고 싶다면 이러한 변경 사항이 페이지에서 최대한 높게 나타나도록 해야 한다는 것을 알게 되었습니다. 그렇지 않으면 결정을 내리는 데 도움이 되는 관련 결과를 얻기가 매우 어렵습니다. 그것은 여전히 ​​​​또 다른 가설이지만 미래에 검증해야합니다 ...

Unsplash에 있는 Austin Chan의 추천 이미지.