안녕하세요. 오렌지셔츠 입니다 들어가기 앞서 일반적으로는 좋은 콘텐츠, 정보들의 글을 작성하여 사람들이 우연히 방문하여 유용한 사이트라고 판별이 될 시에 시간이 걸리더라도 검색엔진에 글이 노출이 됩니다. 하지만 처음 시작하거나 좀 더 구체적으로 적용하고 싶으신 분들에게는 이 글이 도움될 것 같습니다. 네이버 웹 마스터 도구에 대해 공유해 드리겠습니다. SEO 란? SEO(Search Engine Optimization, SEO)는 검색엔진 최적화라는 뜻을 가지고 있으며 콘텐츠의 정보와 질을 높여 자신의 웹사이트 및 블로그 혹은 모든 사이트 등의 노출빈도를 높이는 작업입니다. 키워드 광고로 검색을 높이는 것이 아니며 순수하게 사람들이 검색을 해서 유입할 수 있게 최적화하는 것입니다. 네이버 웹 마스터 도구..
일치하는 콘텐츠는 무엇인가? 내가 작성 한 포스팅 주제를 위주로 구글 알고리즘이 알아서 추천을 해줘서 비슷하게 보여지는 형식의 광고를 말합니다. 자세히 보시면 [광고] 라고 보이는게 있고 작성자가 글을 쓴 내용하고 겹쳐서 보입니다. 구글이 알아서 비슷한 내용으로 추천해주기 때문에 다른 광고에 비해서 좀 더 CPC를 높일 수 있습니다. 애드센스 마지막으로 일치하는 콘텐츠 광고를 적용하는 법을 공유드리겠습니다. 일치하는 콘텐츠 광고 생성 역시나 마찬가지로 광고를 생성하고 코드를 메모장에 복사해 줍니다. 티스토리에 등록 관리자 메뉴로 들어가셔서 [플러그인 - 구글 애드센스(반응형)] 을 클릭해 줍니다. 보통 하단에 많이 작성을 합니다. 아까 복사해둔 코드를 하단에다가 삽입하고 변경사항 적용을 클릭하면 적용이 ..
PC에서는 버튼을 클릭 시 크게 효과가 없지만 모바일에서는 터치로 클릭하였을 때 손가락이 터치했다는 걸 사용자에게 인지하기 위에서 버튼 클릭 시 살짝 버튼이 아래로 가게 하는 기법이 있어서 UX의 만족도를 조금 더 높여 줄 수 있는 방법이다 각 CSS 프레임워크 별 버튼 비교 Normal, Bootstrap, Material, Flat, Element UI 등등이 대표적입니다 가볍게 코딩을 해보았습니다 버튼 클릭 효과 위의 예제에서 마지막에 custom button을 보면 기존의 프레임워크와의 클릭이 조금 다르다는 것을 확인할 수 있습니다. 클릭(active)을 했을 때만 transform: translateY(4px); 를 추가하여 클릭한 효과를 줄 수 있습니다. .custom:active { back..
안녕하세요. 오렌지셔츠 입니다. 이번에는 콘텐츠 내 자동 삽입 광고를 등록하는 법에대해서 공유 드리겠습니다. 역시나 마찬가지로 1. 애드센스에서 광고를 생성 2. 티스토리 서식에 적용 방법으로 알아보겠습니다. 콘텐츠 내 자동 삽입 광고 만들기 콘텐츠 내 자동 삽입광고를 클릭하여 광고를 생성해 줍니다. 코드를 복사해 주시고 역시나 메모장에 옮겨 적습니다. 티스토리에 서식 등록하기 광고를 삽입할 때 매번 소스코드를 가져와서 등록하기 귀찮으니 서식을 등록해서 사용합니다. 관리자 페이지의 서식관리로 들어가서 서식쓰기를 클릭합니다 에디터 모드를 [기본모드 -> HTML] 로 변경해 줍니다 HTML 모드로 변환하면 아래와 같이 배경이 어두워 집니다 그리고 제목을 적당히 작성하시고 아까 복사한 소스코드를 복붙해 주고..
목록에 인피드 광고 추가 삽입하기 티스토리 광고에 인피드 광고를 추가하는 법을 알아보겠습니다 인피드 광고는 플러그인으로 따로 지원해주지 않아서 직접 html을 변경해서 작업해야 합니다. html 을 잘 다루시는 분이면 크게 문제가 되지 않지만 잘 못다루시는 분께서는 조심히 해야 합니다. 태그를 잘못 건드리면 사이트가 먹통이 되어버릴 수도 있거든요 :-( 우선은 크게 2가지를 해야 합니다 1. 애드센스에서 인피드 광고 생성 그럼 하나 씩 해보도록 하겠습니다. 10분도 걸리지 않습니다! 인피드 광고를 생성합니다. 본인의 티스토리 주소를 입력하고 Desktop 변경 후에 페이지 스캔하기를 클릭합니다. 페이지 스캔이 끝나면 아래처럼 페이지가 스캔이 되는데 기본적으로 구글이 가장 최적화하게 디자인을 생성해 줍니다..
오늘은 티스토리 사이드바 메뉴에 애드센스를 추가하는 법을 공유 드리겠습니다. 우선 관리자 화면에 [플러그인 - 배너 출력] 사용 할 수 있도록 적용해 주셔야 합니다. 배너출력을 클릭하면 아래의 이미지 처럼 적용을 눌러 사용할 수 있게 해줍니다. 그리고 나서 [꾸미기 - 사이드바] 탭에 들어가셔서 보면[플러그인] 이미지 배너출력[플러그인] HTML 배너출력2개 항목이 추가가 됩니다! HTML 배너출력의 + 버튼을 클릭 하면오른쪽 메뉴에 하나씩 생성이 됩니다.드래그 해주셔서 원하는 위치에 적절히 배치를 해주시구요 마우스를 오버하면 편집 버튼이 나옵니다. 클릭! HTML의 배너출력에 이름 HTML소스(구글 광고코드)를 삽입하면 됩니다! 구글 광고코드는 가급적이면 디..