멀티레이어 팝업 PHP 스크립트 – Layered Popups

사이트에 팝업을 띄우고 싶은 경우 인터넷을 검색하여 무료 스크립트를 활용할 수 있습니다.

사용자로부터 이메일 주소를 받거나 공지를 띄우고 싶거나 배너를 표시하고 싶은 경우 Codecanyon 마켓에서 판매하는 Layered Popups 같은 PHP 스크립트를 이용해볼 수 있습니다.

다양한 형태의 팝업을 만들 수 있습니다.

다음은 이 스크립트에 대한 소개 글입니다.

인터넷에는 지루한 팝업이 넘쳐나고 있습니다. 이제 이런 트렌드를 탈피할 때입니다. 그래서 우리는 Layered Popups를 만들었습니다. 이 스크립트로 여러분의 상상력을 현실화할 수 있고 독특한(고유한) 멀티레이어 팝업 창을 만들 수 있습니다. 원하는 콘텐츠로 다중 레이어를 생성하고 각 레이어에 대하여 맞춤형 전환(transition)/애니메이션을 추가할 수 있습니다. 70개 이상의 인기 마케팅 제공자(MailChimp, GetResponse, iContact, Campaign Monitor, AWeber, Mad Mimi 등 포함)와 연동되는 Ajax 구독/컨택트 폼(문의 폼)을 삽입하여 사용자의 이름/이메일을 수집할 수 있습니다.

워드프레스를 이용하는 경우 다양한 무료 플러그인을 사용할 수 있습니다.

보다 편리하게 모달 팝업이나 배너를 만들고 싶은 경우에는 ConvertPlus 같은 유료 팝업 플러그인을 이용할 수 있습니다.

The7 테마에 ConvertPlus가 번들로 포함되어 있습니다.

심플한 팝업은 무료 버전으로도 충분합니다. 보다 효과적인 팝업을 원하는 경우에 유료 버전을 고려해볼 수 있을 것입니다.

참고:

티스토리의 새로운 스킨 – Magazine

어제 티스토리에서 Magazine이라는 새로운 스킨을 공개했습니다. 스킨 이름대로 매거진 스타일로 홈페이지를 꾸밀 수 있는 스킨입니다.

6가지 커버 아이템을 지원하며, 하단 푸터 영역에 자유로운 외부 링크 및 SNS 아이콘 노출이 가능하도록 되어 있습니다.

그리고 상단과 하단에 로고 이미지를 삽입할 수 있으며, 스킨 곳곳에 사용되는 포인트 컬러는 레드/블랙/블루입니다.

이 스킨의 경우 전면 페이지에는 사이드바가 표시되지 않지만 개별 글에는 사이드바가 표시됩니다.

비교적 최근에 공개되었던 Poster, Whatever, Letter, Portfolio에 비해 기능이 향상된 것 같은 느낌을 받았습니다. Poster 등의 스킨을 이 블로그에 적용했지만 네이버 웹마스터도구에서 글 수집 요청을 하면 ‘서버 오류’가 발생하여 현재 사용 중인 기본 테마 중 하나인 #1으로 스킨을 변경했습니다.

이 문제가 지금은 해결되었는지 모르겠네요.

이 블로그에서 Magazine 스킨으로 변경해보니 (커버 기능을 사용하지 않았을 때) 첫 페이지는 사이드바가 없는 점 빼고는 괜찮은 것 같습니다.

개별 포스트에서도 글 본문은 비교적 깔끔하게 느껴졌습니다. 제 블로그에서는 사이드바에 반응형 광고(애드센스)의 크기가 너무 작게 표시되는 문제가 나타났습니다.

티스토리 매거진 스킨

일시적인 문제이거나 제 블로그에서만 나타나는 문제인지는 모르겠습니다.

어제 공개되었기 때문에 버그가 있을 수도 있습니다. 조금 지켜보다가 버그가 수정된 버전이 나오면 시간이 될 때 매거진 스킨으로 변경하는 작업을 진행해볼까 생각 중입니다.

경험상 새로 스킨이 나왔을 때 당장 사용하는 것은 바람직하지 않을 수도 있습니다. 공개하기 전에 테스트 과정에서 잡아내지 못한 버그가 있을 수 있고, SEO(검색엔진 최적화)에 영향을 미칠 수 있기 때문에 조금 추이를 지켜본 후에 안정화된 버전이 나왔을 때 적용하는 것도 한 방법 같습니다.

마젠토(Magento) 코어에 SQL 주입 취약점 발견

보안업체인 Sucuri에 의하면 Magento에서 교차 사이트 요청 위조(Cross-Site Request Forgery), 교차 사이트 스크립팅(Cross-Site Scripting), SQL 주입(SQL Injection), 원격 코드 실행(Remote Code Execution) 등 여러 가지 종류의 취약점을 수정한 새로운 업데이트를 릴리즈했습니다.

이러한 취약점의 대부분을 악용하려면 공격자는 사이트에서 인증을 받고 특정 레벨의 권한을 자져야 합니다.

하지만 나열된 버그 중 하나인 SQL 주입 취약점은 어떠한 형태의 권한이나 인증 없이 악용될 수 있다고 하네요.

마젠토 전자상거래 사이트에서 매일 다루는 데이터의 민감한 성격을 감안하면 이 취약점은 영향을 받는 사이트 소유자가 가능한 한 빨리 패치해야 하는 보안 위협입니다.

마젠토 사용자는 가능한 한 빨리 해당 버전에 맞게 최신 버전으로 업데이트하는 것이 안전합니다: 2.3.1, 2.2.8, 2.1.17.

W3techs에 의하면 Magento는 현재 워드프레스, Joomla, Drupal, Shopify, Squarespace, Wix에 이어 점유율 7위를 차지하고 있는 CMS입니다.

워드프레스는 이달 초 33.3%에서 현재 33.5%로 더 상승했네요.ㅎㅎ

Wix도 우리나라에서 많이 사용되고 있습니다. 윅스는 초딩도 사이트를 만들 수 있도록 사용이 편리하지만 SEO에 약한 측면이 있기 때문에 대형 사이트에는 적합하지 않을 수 있습니다. 보여주기 위한 사이트를 원하는 경우 괜찮은 선택할 수 있습니다.

Themeforest에서 워드프레스, 마젠토 등의 템플릿을 구입할 수 있습니다. 요즘은 워드프레스 많이 사용되고 있으므로 워드프레스 테마가 많이 팔리고 있습니다.

크로미움 기반의 마이크로소프트 엣지 브라우저 누출

크로미움 기반의 마이크로소트 엣지 브라우저가 누출되어 향후 MS에서 출시할 엣지 브라우저를 미리 엿볼 수 있게 되었습니다.

작년 말부터 MS의 엣지 브라우저에 오픈소스 크로미움 코드를 적용할 것이라는 소문이 있었습니다.

지난 주말 동안 크로미엄 기반의 엣지 브라우저 누출 빌드(Leaked build)가 공개되어 MS의 향후 브라우저를 엿볼 수 있게 되었다고 합니다. 보고에 의하면 이 엣지 프리뷰 브라우저는 크롬과 동일한 느낌, 성능을 제공하고 기본적으로 크롬과 동일하다고 하네요.

누출된 엣지 빌드는 크로미엄 75에 기반하고 있으며 내부 버전이 75.0.107.0입니다. 엣지를 처음 시작하면 크롬에서 즐겨찾기, 자동 완성 정보, 방문 기록(History) 등을 가져올 것인지를 묻습니다.

엣지 실행 화면엣지 브라우저를 시작하면 크롬에서 데이터를 가져올 것인지 묻는다. 그림 출처: https://www.bleepingcomputer.com/news/microsoft/microsofts-leaked-edge-browser-should-make-google-worried/

테스트를 해본 사용자들은 웹 탐색 시 브라우저 성능이 상당히 훌륭하여 공개 프리뷰를 내놓아도 손색이 없는 수준이라고 하네요.

마이크로소프트의 엣지 누출 버전그림 출처: https://www.bleepingcomputer.com/news/microsoft/microsofts-leaked-edge-browser-should-make-google-worried/

마이크로소프트는 브라우저 레이아웃을 마이크로소프트 애플리케이션에 더 가깝게 수정했습니다.

MS는 또한 자사 서비스를 브라우저에 포함시켰습니다.

엣지는 또한 크롬 익스텐션을 지원한다고 하네요. 엣지 사용자들도 크롬의 웹 스토어에서 제공하는 익스텐션(확장 기능)을 설치할 수 있습니다.

정식으로 출시되면 아무래도 많은 사용자들이 크롬을 설치하지 않고 엣지를 사용할 것 같습니다. 다만, 이를 통해 브라우저 점유율을 높힌 후에 갑질을 하지 않을까 염려되네요.

자세한 내용은 다음 글을 참고해보세요.

도메인 연장 등록 안내 이메일 주의

왜 이렇게 남의 돈을 날로 먹으려고 하는 자들이 많은지 모르겠네요. 국내든 해외든 이메일을 받으면 먼저 의심부터 해보는 것이 좋을 것 같습니다.

최근 저작권 위반 안내 메일을 가장한 바이러스 메일이 돌고 있어 주의가 요구됩니다.

저는 수시로 도메인 서비스를 연장하라는 영문으로 된 이메일을 받습니다.

도메인 연장 등록 안내 이메일 주의

처음 이런 메일을 받았을 때 도메인이 진짜 만료되는지 확인해보았습니다. 메일을 자세히 보면 search engine optimization service에 가입하라는 내용입니다. 앞부분만 읽으면 도메인이 만료된다는 내용처럼 보입니다.ㅎㅎ

아차 실수하면 금전적인 피해를 입게 되는 시대에 살고 있는 것 같습니다. 어제는 간혹 방문하는 네이버 카페에 아들로 가장한 카톡 메시지 때문에 몇 백 만원을 보이스피싱 일당에게 송금한 어머니의 사연이 올라온 것을 보았습니다.

아들이 중국에 있는데, 아들 네이버 메일이 해킹 당했다고 하네요. 해킹한 네이버 메일을 통해 주소록을 알아내어 마치 아들처럼 행세하면서 사기를 친 사건이었습니다.

이상한 이메일이나 문자를 받으면 먼저 의심해보고, 가능하면 통화를 하여 확인하는 것이 가장 안전한 것 같습니다.

티스토리 – 블로그 구독 기능 추가

오늘 티스토리에 로그인해 보니 새로운 기능이 추가된 것을 발견했습니다. 티스토리 블로그를 구독할 수 있는 기능이 바로 그것입니다.

티스토리 관리자 페이지에 ‘피드’라는 메뉴가 새로 생겼습니다. 이 ‘피드’를 누르면 내가 구독하는 블로그에서 최근 발행한 글들이 표시됩니다.

티스토리 피드 메뉴

내가 구독을 클릭하면 내가 구독하는 티스토리 블로그 목록이 표시됩니다. 그리고 나를 구독을 클릭하면 내 블로그를 구독하는 티스토리 블로그 리스트가 나열됩니다.

이 기능은 브런치 블로그에서 제공하는 구독 기능과 거의 유사합니다.

브런치 피드 페이지브런치 피드 페이지

이제 티스토리에 새로 추가된 피드 메뉴를 통해 이웃 블로그에서 발행되는 글을 쉽게 확인하고 방문할 수 있게 되었습니다.

티스토리가 작년부터 기능이 개선되고 있고 조만간 에디터도 업데이트가 예고되어 있습니다.

하지만 네이버의 정책 변경으로 인해 네이버 유입이 감소한 것은 아쉬운 부분이네요. 네이버가 정신을 차리고 타 블로그를 차별하는 정책을 포기하고 모든 블로그를 공정하게 대했으면 좋겠지만, 네이버는 폐쇄적인 정책을 통해 현재 점유율을 지켜나가는 전략을 펼치는 것 같습니다.

참고:

유튜브 댓글 비활성화: ‘댓글을 달 수 없는 동영상입니다’

일부 유튜브 동영상의 경우 설정에서 댓글을 달 수 있도록 허용해도 ‘댓글을 달 수 없는 동영상입니다(Comments are disabled for this video)’가 표시되면서 댓글이 비활성화될 수 있습니다. 어제 이 문제를 문의하는 한 유튜버의 채널을 방문하여 동영상을 확인해 보니 어린이가 나오는 영상이었습니다.

유튜브에서는 최근 어린이가 나오는 영상에는 댓글을 달 수 없도록 정책을 바꾸었습니다.

우리나라 정부의 규제 때문에 그렇다고 생각하는 분이 간혹 계시더군요. 그런 것은 아니고요. 최근 유튜브가 소아성애자의 선정적 동영상 공유에 이용되고 있다는 지적이 제기된 데 따른 조치라고 하네요.

유튜브 댓글 제한어린이가 나오는 동영상에는 ‘댓글을 달 수 없는 동영상입니다’가 표시되면서 댓글을 달 수 없도록 비활성화된다.

위의 그림의 해외 키즈 콘텐츠 동영상은 조회수가 8,700만 회나 되지만 댓글을 달 수 없도록 비활성화되었고, 심지어 기존 댓글도 표시되지 않네요.

이 조치 때문에 키즈 콘텐츠를 제공하는 유튜버들은 고민이 많아질 것 같습니다.

참고:

네이버 웹마스터도구의 사이트 최적화 – SEO

네이버에서는 네이버 블로그, 카페, 지식인 등 네이버 종속 콘텐츠를 우선적으로 네이버 검색 결과에 노출시키는 정책을 펴고 있습니다.

네이버 블로그가 아닌 다른 블로그(예: 티스토리 블로그나 워드프레스 블로그)가 네이버에 잘 노출이 안 된다면 이런 이유 때문일 수 있습니다. 콘텐츠가 좋다는 가정하에서요.

네이버에 잘 노출되지 않으면 네이버 웹마스터도구에서 제공하는 사이트 최적화 섹션을 참고하여 최적화 작업을 해주면 네이버 검색에 도움이 될 수 있지만 사이트 최적화 항목이 모두 ‘최고예요’로 표시되어도 네이버 유입이 적을 수 있고, 일부 항목이 ‘최고예요’로 표시되지 않아도 네이버 유입이 많을 수 있습니다.

예를 들어, 이 티스토리 블로그의 경우 네이버 웹마스터도구의 ‘사이트 최적화’ 항목이 모두 ‘최고예요’이지만 구글 애널리틱스에 의하면 네이버에서 유입되는 방문자는 하루 20명 이하입니다.ㅠㅠ

하지만 제가 운영하는 워드프레스 블로그의 경우 일부 항목이 ‘최고예요”가 아니지만 하루 400명 내외가 방문하고 있습니다. (하지만 구글에 비해서는 비교가 안 될 정도로 저조한 편입니다.)

네이버 유입은 기복이 심한 편입니다. 한 때 네이버에서 잘 검색이 되다가 어느 순간에 방문자가 0이 되었습니다. 그러다가 지난 해 들어 조금씩 증가하여 지금은 하루 400명 내외를 유지하고 있습니다. 하지만 유입이 언제 제로가 될지 알 수 없는 노릇입니다.

하지만 구글에서의 유입은 어느 정도 예상이 가능합니다. 갑자기 폭락하지는 않습니다.

네이버 웹마스터도구에서 사이트 최적화 항목의 점수를 높이려면 네이버 웹마스터도구에서 제공하는 ‘사이트 최적화’ 섹션을 활용할 수 있습니다.

네이버 웹마스터도구에 로그인한 후에 현황 > 사이트 최적화로 이동합니다.

네이버 사이트 최적화

검색 로봇 수집, 콘텐츠 관리, 사이트 구조, 사이트 활성화 항목에 대한 개요가 표시됩니다. 각 항목 아래의 “자세히보기”를 클릭하면 세부적인 내용을 볼 수 있습니다. 가령 ‘나쁘지 않아요’로 표시되는 ‘콘텐츠 관리’를 클릭해보면…

위의 그림과 같이 최적화가 안 된 항목이 느낌표로 표시되어 있습니다.

각 항목을 검토하여 수정할 수 있는 부분을 수정하고 기다리면 일정 시간이 지난 후에 수정된 사항이 반영될 것입니다.

예시에서 지적된 부분 중 사이트 설명과 사이트 Open Graph(오픈 그래프) 제목 부분은 쉽게 수정이 가능합니다. 수정할 수 있으면 수정을 하도록 합니다. 제목이 동일한 웹 페이지는 robots.txt 파일을 통해 어느 정도 제어할 수 있을 것 같습니다.

다음 네이버 문서가 도움이 될 수 있습니다.

구글의 경우 다음 구글 문서를 참고해보세요.

워드프레스를 이용하는 경우 Yoast SEO 같은 SEO 플러그인을 사용하면 비교적 수월하게 SEO 관련 설정을 할 수 있습니다. 시간을 투자하여 제대로 설정하면 도움이 될 것입니다.

SEO는 글쓰기와 관련되어 있습니다. 콘텐츠가 좋지 않으면 아무리 SEO 작업을 해도 한계가 있습니다. 방문자들이 들어와서 볼 만한 콘텐츠가 없다면 곧바로 사이트를 떠날 것이고 그러면 이탈률(Bounce Rate)이 증가하여 상위에 노출되기 쉽지 않습니다.

인터넷에 공개된 정보는 누구나 검색을 통해 알 수 있는 정보입니다. 즉, 정보로서의 가치가 그리 크지는 않습니다. 보다 고급 정보는 일부만 알고 있고 공개하지 않습니다. 하지만 일반적인 내용을 숙지하여 적용해보고 다양한 실험을 통해 나만의 방법을 찾는 노력이 필요합니다.

네이버는 수시로 정책이 바뀌고 네이버 종속 콘텐츠가 아니면 노출이 쉽지 않으므로 네이버 블로그를 운영하면서 동시에 티스토리나 워드프레스 블로그를 함께 운영하는 것도 한 방법 같습니다. 네이버 블로그의 글은 구글에 검색되지 않도록 막고 있기 때문에 일반적으로 동일 콘텐츠를 네이버 블로그와 다른 블로그에 동시에 올려도 별 문제는 없습니다. (※ 일부 네이버 블로그는 구글에 노출되기도 합니다.)

블로그로 돈벌기 – 쿠팡 파트너스를 구글 애드센스 광고처럼 운영하기

구글 애드센스 광고를 운영할 경우 방문자 수가 일정 이상 늘어나면 일치하는 콘텐츠 광고(네이티브 광고)를 달 수 있습니다. 네이티브 광고를 달면 일반적인 배너보다는 수익이 향상될 수 있습니다. 이 블로그에도 현재 ‘일치하는 콘텐츠 광고’가 글 콘텐츠 하단에 표시되고 있습니다.

구글 애드센스 일치하는 콘텐츠 광고 - 네이티브 광고구글 애드센스 일치하는 콘텐츠 광고

쿠팡 파트너스에 가입했다면 구글 애드센스의 ‘일치하는 콘텐츠’ 광고처럼 쿠팡 파트너스 광고를 표시할 수 있다면 단순 링크보다는 수익이 증대될 가능성이 높아질 것 같습니다.

이 블로그에서는 현재 쿠팡 파트너스 광고가 사이드바에 적용되고 있습니다. (업데이트: 쿠팡 파트너스 광고를 제거하고 구글 애드센스 광고로 대체했습니다.)

쿠팡 파트너스 네이티브 광고

구글 애드센스의 일치하는 콘텐츠처럼 표시하는 것도 가능합니다.

어떤 분이 쿠팡 파트너스 광고를 구글 애드센스처럼 표시하도록 만들어서 스크립트를 배포하고 있습니다. 저는 테스트겸 사이드바에 적용하고 있습니다.

이 방법을 사용해보고 싶은 분은 https://dveamer.tistory.com/2를 참고해보세요.

원리는 표시되는 쿠팡의 각 배너 광고에 내 쿠팡 ID가 삽입되어 방문자가 해당 배너를 클릭하여 물건을 구입하면 커미션을 받는 형식입니다. 다만, 배포자가 서버 유지 비용을 위해 10개 배너 중 1개에는 배포자의 쿠팡 ID가 삽입된다고 합니다.

쿠팡 파트너스에 가입하시는 경우 추천인란에 추천인 아이디를 입력하시면 추천인과 피추천인 모두 추가 수수료가 발생하니 제 쿠팡 ID인 AF0927594를 입력해주시면 감사하겠습니다.ㅎㅎ

쿠팡 파트너스를 두 달 정도 해보니 수익이 생각처럼 나지 않네요. 제 블로그의 경우 구글 광고보다도 훨씬 못 하네요.

기대를 가지고 하면 실망할 수도 있을 것 같습니다. 블로그가 특정 분야(예: 컴퓨터 부품)에 특화된 경우 아마존 어필리에이트나 쿠팡 파트너스가 효과적일 수 있을 것 같습니다.

사이트 상단에 구글 애드센스 광고 게재 시 주의사항

구글 애드센스 배너 광고를 운영하는 경우 정책을 위반하지 않도록 주의해야 합니다. 간혹 내가 인식하지 못하는 정책 위반이 발생할 수 있습니다.

가령, 사이트 상단에 광고를 배치할 경우 PC에서는 문제가 없지만 모바일에서는 문제가 될 수 있습니다.

구글에서는 “스크롤해야 볼 수 있는 부분에 콘텐츠를 표시하는 사이트 레이아웃“을 허용하지 않습니다.

상단에 광고를 배치할 경우 모바일 접속자에게는 광고만 표시되고 스크롤해야 콘텐츠가 표시될 수 있습니다. 이 문제 때문에 계정 정지를 당하는 사례가 실제로 있네요. 모바일에서 봤을 때 광고만 표시되고 실질적인 콘텐츠가 없다면 CSS를 통해 모바일에서 광고를 숨기거나 모바일에서의 광고 크기를 줄이는 것을 고려해볼 수 있을 것 같습니다.

구글에서는 다음과 같은 레이아웃을 허용하지 않는 예로 제시하고 있습니다.

예시에서는 전체 웹사이트에서는 문제가 없는 것처럼 보이지만 사용자들이 보는 화면에서는 스크롤해야 콘텐츠를 볼 수 있도록 구현되어 허용되지 않습니다.

그리고 이 블로그에서 다룬 적이 있듯이 사이드바나 특정 영역에 고정되는 광고(즉, 마우스로 아래로 스크롤해도 광고가 고정되어 표시되는 경우)도 허용되지 않습니다.

다음 영상에서는 무효 트래픽을 방지하는 방법을 설명하고 있습니다.

영어로 되어 있는데요. 다음 구글 문서에서 설명하는 내용과 비슷합니다.

콘텐츠와 광고가 혼동되지 않도록 구현하는 것이 중요합니다.

맞춤 구현 방식을 사용할 경우 광고 요청에 의도하지 않은 결과를 초래할 수 있습니다. 광고 구현 방식이 광고 게재위치 정책을 준수하고 광고 구현 방식에 프로그래밍 오류가 없도록 해야 합니다. 또한 여러 브라우저와 플랫폼 환경에서 광고가 올바르게 작동하는지 확인합니다.

애드센스 구현을 여러 번 확인하여 의도하지 않은 결과가 초래되지 않는지 체크하는 것이 안전할 것 같습니다.

무효 트래픽으로 30일 정지를 당하면 이의 제기가 되지 않고 영구 정지가 되면 1회에 한해 이의 제기가 가능하다고 합니다. 하지만 이의 제기가 받아들여지는 것은 드물다고 하네요. 그러므로 미리 주의하는 것이 최선 같습니다.

애드센스 자동광고 기능을 사용하면 구글에서 알아서 배너 광고를 배치하므로 편리하지만 일부 티스토리 스킨이나 워드프레스 테마, 기타 템플릿에서 자동광고 기능을 사용했을 때 이상하게 광고가 표시되는 경우가 있습니다. 그런 경우에는 자동광고 기능 대신 수동으로 광고를 배치하는 것이 안전할 것입니다. 

참고: