배너가 실제로 작동합니까?

히트맵에 대해 이야기한 후 전환 최적화와 관련하여 논란이 되는 또 다른 주제인 웹사이트에서 배너 사용에 대해 알아보겠습니다.

온라인 광고는 수년에 걸쳐 발전해 왔습니다. 경험 많은 웹 서퍼라면, 많은 배너와 애니메이션 GIF가 내부에서 춤을 추고 주의를 끌기 위해 노력하여 결국 클릭하게 되는 90년대 웹 페이지를 기억할 것입니다.

하지만 지금은 2020년입니다. 배너가 변경되었습니다(다른 많은 것들 외에도). 그리고 스스로에게 물어봐야 할 것은 웹 배너가 오늘날 실제로 작동합니까? 웹사이트에도 적용할 수 있는 간단한 예를 들어 살펴보겠습니다.

가장 큰 영향을 찾고 있습니다.

배너의 핵심은 방문자의 관심을 끌기 위해 클릭하여 방문자가 원하는 곳/무슨 일을 방문하거나 하게 되는 것입니다. 이것이 잠재적으로 더 많은 영향을 미칠 수 있는 배너를 추가해야 하는 이유입니다.

배너를 추가하기에 좋은 위치는 방문자 수가 가장 많은 콘텐츠에 있습니다. 이 정보를 알기 위해서는 웹사이트 분석을 살펴보기만 하면 됩니다. 우리는 해냈고 결과는 다음과 같습니다.

보시다시피, 저희 웹사이트에서 가장 많이 방문한 콘텐츠는 두 개의 블로그 게시물입니다. 하나는 스페인어로, 다른 하나는 영어로 되어 있습니다. 첫 번째에서는 WordPress에서 발생할 수 있는 일반적인 문제에 대해 설명하고 두 번째에서는 웹사이트를 마이그레이션한 방법과 동일한 작업을 수행하면 찾을 수 있는 문제에 대해 설명합니다(문제에 대해 이야기하면 방문이 오는 것처럼 보입니다… 귀하의 웹사이트에서 테스트할 수 있는 좋은 예 외에도 귀하에게 적합한 콘텐츠에 대한 아이디어도 제공합니다! ?)

테스트로 돌아가서 우리의 목표는 블로그에서 가장 인기 있는 두 게시물을 방문하는 트래픽을 제품 페이지로 유도하는 것입니다. 이를 위해 배너를 사용합니다. 특히, Nelio for Gutenberg, WordPress 블록 편집기에서 개발한 클릭 유도문안 블록을 사용할 것입니다.

이 블록은 방문자가 클릭하여 제품 페이지를 방문하는지 확인하기 위해 가장 많이 방문한 게시물의 콘텐츠에 포함됩니다. 배너가 실제로 작동하는지 확인하기 위해 배너가 포함된 변형에 대해 배너가 없는 블로그 게시물의 원본 버전을 테스트해 보겠습니다. 따라서 간단한 A/B 테스트를 통해 결과를 보고 결론을 도출할 수 있습니다.

배너가 사이트에서 작동하는 방식을 이해하기 위한 A/B 테스트 만들기

게시물에 대한 두 개의 A/B 테스트를 만들어 영어와 스페인어로 된 상위 게시물의 배너를 테스트해 보겠습니다. 우리는 청중이 어떻게 행동하는지, 그리고 배너가 우리 제품 페이지로 트래픽을 유도하는 데 정말로 유용한지 아닌지를 보게 될 것입니다.

Nelio A/B Testing을 사용하고 게시물에 대한 새로운 테스트를 만듭니다. 그런 다음 다음 스크린샷에서 볼 수 있는 것처럼 테스트를 생성하는 데 필요한 정보를 완성합니다.

테스트의 제목과 설명을 정의하고 테스트할 게시물을 선택했습니다. 또한 배너와 함께 변형 게시물을 만들었습니다. 마지막으로 Nelio 콘텐츠 페이지 방문을 전환 액션으로 정의합니다. 이 페이지는 변형의 배너를 통해 스페인 사이트 방문자를 안내할 제품입니다.

이 전체 과정은 매우 빠릅니다. 테스트를 만들고 구성하는 것은 매우 간단합니다. 또한 WordPress의 내장 편집기를 사용하여 배너 블록만 추가하기 때문에 배너를 추가하기 위해 게시물의 변형을 편집하는 것도 쉽습니다. 이미지 블록일 수 있지만 전에 예상했던 대로 배너로 작동할 특수 블록 유형을 사용할 것입니다.

콘텐츠 내부에 배너가 있는 스페인어 게시물의 결과는 아래에서 볼 수 있는 것과 같습니다.

사실, 우리는 원래 게시물의 대체 버전을 보게 되는 방문자의 관심을 끌기 위해 해당 게시물의 내용을 따라 4개의 배너를 다른 색상과 텍스트로 추가했습니다.

영어 버전의 경우에도 동일하지만 여기서는 방문자를 두 번째 제품인 Nelio A/B Testing으로 안내합니다. 구성은 다음과 같습니다.

투명성을 위해 여기에서 두 변형이 어떻게 생겼는지 확인할 수 있습니다. 이 스크린샷은 매우 긴 스크린샷이라는 점을 염두에 두십시오. 그래서 기사에 포함하지 않고 여기에 링크합니다.

• La solucion a los 5 problemas mas comunes de WordPress with banners: 전체 이미지는 여기를 참조하십시오.
• WordPress 마이그레이션 문제의 변형 및 배너로 해결하는 방법: 여기에서 전체 이미지를 참조하세요.

이제 모든 재료가 준비되었으므로 각 A/B 테스트를 시작하여 방문자의 행동 데이터를 추적하고 수집하기 시작하면 됩니다.

결과 분석: 배너가 작동했습니까?

이 질문에 답하기 전에 수행된 A/B 테스트에 대한 몇 가지 추가 정보를 제공하겠습니다.

각 테스트는 11일 동안 실행되었으며 거의 ​​3,500명의 방문자의 행동을 수집했는데, 이는 전체 청중의 꽤 흥미로운 샘플입니다. 이 모든 시간 동안 우리는 기다려야만 했습니다. A/B 테스트를 수행할 때 테스트할 테스트와 변형을 구성할 때 모든 작업이 처음에 완료됩니다(이는 많은 작업이 아니었음). 그런 다음 긴장을 풀고 결과가 도착할 때까지 기다리기만 하면 됩니다.

이 경우 결과가 결정적이지 않을 것으로 예상합니다. 우리는 두 A/B 테스트 중 어느 것에서도 명확한 승리 변형을 찾지 못했습니다. 스페인 포스트의 A/B 테스트 결과를 살펴보자.

이전 그래프에서 볼 수 있듯이 A/B 테스트의 원본 버전(A)과 배너가 있는 변형(B) 모두 비슷한 결과를 보입니다.

배너가 있는 버전은 전환율(배너를 클릭한 방문자 수를 전체 방문자 수로 나눈 값) 면에서 다소 떨어지는 것 같습니다. 그러나 이 고립된 데이터만 볼 수는 없습니다. 결과가 통계적으로 유의한지 확인해야 하며, 이 경우에는 그렇지 않습니다.

Nelio A/B Testing은 우리에게 이 정보를 제공하며 이러한 데이터로는 한 변형이 다른 변형보다 나은지 결정할 수 없음을 나타냅니다. 따라서 우리는 테스트를 중단하고 다른 유형의 변경을 시도하거나 인내심을 갖고 시간이 경과하고 더 많은 데이터를 얻음에 따라 변경 사항이 있는지 확인하기 위해 더 많은 시간을 할애할 수 있습니다.

이제 영문 포스트의 A/B 테스트 결과를 살펴보자.

이전 그래프를 보면 배너가 있는 버전이 현재 버전의 게시물보다 훨씬 낫다는 것이 분명하다고 생각할 수 있습니다. 배너가 있는 버전의 전환율이 220% 더 높으므로 이 변형을 A/B 테스트의 승자로 선택해야 하지 않습니까?

진실은 여기에서 스페인 포스트의 A/B 테스트와 동일하게 일어난다는 것입니다. 이 테스트에서 수신된 전환 수는 매우 적습니다. 4명의 방문자만이 Nelio A/B 테스팅 페이지를 방문했고 이 중 3명만이 변종 B의 배너를 통해 방문했습니다.

수신된 총 방문자 수에 비해 전환 수가 너무 적기 때문에 한 변형이 다른 변형보다 낫다고 말할 수 없습니다.

배너 실명은 현실입니다

결과를 분석한 후 시간을 낭비했다고 생각해서는 안 됩니다. 사실, 우리는 많은 것을 배웠습니다. 상위 게시물에 배너를 추가하는 것은 우리 웹사이트와 특정 청중을 위해 작동하지 않았습니다.

또한 한 단계 더 나아가 A/B 테스트가 제공하는 히트맵을 탐색하면 배너가 보이지 않는 명백한 사례가 있음을 알게 됩니다.

변형에 사용된 배너는 방문자가 직접 무시할 정도로 너무 분명합니다. 따라서 두 개의 A/B 테스트를 더 이상 실행하여 결과가 변경되는지 확인하기 위해 기다리는 것은 가치가 없습니다. 걔네 안 할꺼야.

이 경우 각 게시물 자체의 콘텐츠와 훨씬 더 통합된 다른 유형의 광고를 테스트하는 것이 더 현명합니다. 의미가 있는 한 콘텐츠 내에서 당사 제품에 대한 링크를 사용할 생각입니다.

또는 이 검색 엔진이 검색 결과의 광고를 처리하는 것처럼 배너를 콘텐츠의 일부로 보이도록 위장하는 Google의 기술을 사용할 수도 있습니다. 따라서 배너 디자인에 훨씬 더 창의적이어야 합니다.

이 모든 것에서 우리가 도출하는 결론은 우리 모두가 알고 있는 전형적인 종류의 깃발은 죽었다는 것입니다. 방문자는 이를 감지하고 무시할 수 있으므로 주의를 끌기 위해 다른 옵션을 테스트해야 합니다.

그러나 우리는 A/B 테스트의 결과와 그로부터 도출된 결론을 여기서 가장 큰 권위를 갖고자 하는 것이 아님을 기억하십시오. 콘텐츠 내의 배너가 작동하지 않았지만 이것이 작동하지 않는다는 의미는 아닙니다. 웹사이트에서 직접 테스트해야 합니다. 그 후에 발견한 내용을 알려주는 것을 잊지 마십시오.

Unsplash에서 Andrew Neel의 추천 이미지.