팝업 광고, 팝업 버튼, 모달의 차이

카카오로 부터 운영정책 위배 되었다는 메일을 받았는데요! 내용을 읽어 보니 콘텐츠를 가리는 팝업 광고, 팝업 버튼, 모달이 노출되고 있다고 적혀 있네요! 방문자의 콘텐츠 소비를 방해하는 팝업버튼과 화면에 떠있는 모달을 제거해달라는 내용과 로그인 제한 7일을 받았답니다. ㅠㅠ . 오늘은 팝업과 모달이 뭔지에 대해 자세히 알아 보겠습니다.

팝업 (Popup)

팝업은 웹 페이지에서 새 창을 띄우는 방식으로, 주로 광고나 알림 메시지를 표시하는 데 사용됩니다. 팝업은 사용자의 주의를 끌기 위해 설계되었으며, 상대적으로 짧은 정보를 전달하거나 추가 작업을 유도하는 목적을 가지고 있습니다. 그러나 팝업을 과도하게 사용하면 사용자 경험에 악영향을 끼칠 수 있으며, 대부분의 브라우저는 팝업 차단 기능을 기본적으로 제공하고 있습니다.

 

모달 (Modal)

modal 은 형용사로서 양식의, 형식(상)의, 형태상의 뜻이 있습니다.

 

모달은 팝업과 비슷하게 사용자에게 정보를 보여주거나 추가 작업을 유도하는 데 사용되지만, 모달은 기존 페이지 위에 새로운 레이어를 추가하는 방식입니다. 모달 창이 나타나면 배경이 흐려지고, 사용자는 모달 창 외부의 요소와 상호작용할 수 없습니다. 모달은 주로 정보를 입력받는 양식이나 추가적인 정보를 제공하는 데 사용되며, 사용자의 주의를 집중시키는 힘이 팝업보다 강합니다.

 

 

팝업과 모달의 차이

✅ 팝업: 새로운 브라우징 창을 열어 다른 웹 페이지, 광고, 알림 등을 표시합니다. 사용자의 주의를 끌고, 상대적으로 짧은 정보를 전달하거나 추가 작업을 유도하는 데 사용됩니다.

 

✅ 모달: 기존 페이지 위에 새로운 레이어를 추가하여 사용자의 입력을 받도록 합니다. 모달 창이 나타난 상태에서는 배경이 흐려지고, 사용자는 모달 외부의 요소와 상호작용할 수 없습니다. 주로 정보를 입력받는 양식이나 추가적인 정보를 제공하는 데 사용됩니다.

 

팝업 버튼

팝업 버튼은 사용자가 클릭했을 때 팝업 창을 띄우는 버튼을 의미합니다. 이 버튼을 클릭하면 새로운 창이 열리면서 광고나 알림 메시지 등을 표시하게 됩니다. 팝업 버튼은 주로 웹사이트의 특정 작업을 유도하거나 중요한 정보를 사용자에게 전달하는 데 사용됩니다. 이와 같이 팝업과 모달은 웹 애플리케이션이나 웹사이트에서 사용자와 상호작용하는 중요한 인터페이스 요소로, 각각의 목적과 동작 방식에서 차이가 있습니다.

결론

애드센스 글을 쓰면서 수익을 내려고 여러가지 시도를 하다보니 카카오로 부터 제재도 받고 하네요. 이번 기회로 팝업과 모달의 차이에 대해 자세히 알수 있는 좋은 기회가 되었네요. 갑자기 과유불급 이라는 고사성어가 떠오르네요. 뭐든지 지나치면 탈이 난다는 걸 알면서도 자제를 못한게 아쉽기는 하지만요! 모달은 이제 사용 안하는게 좋을것 같다는 생각이 들구요. 새창을 띄우는 팝업버튼은 과하지 않게 적당히 배치해 볼 생각입니다. 

 

함께 보면 좋은 정보

 

병아리콩 효능, 요리, 다이어트 자세히 알아보기!

그릭요거트 효능 6가지, 칼로리, 유효기간!

자몽 효능과 부작용, 자몽청 만들기, 숙성기간!