본문으로 바로가기

✔티스토리 구글 애드센스 광고 삽입

category 유용한정보 2017. 10. 3. 21:25

✔티스토리 구글 애드센스 광고 삽입


다음 티스토리 블로그에 구글 애드센스 광고 삽입하는 방법에 대해서 알려드리겠습니다, 구글 애드센스 가입된 상태이며, 광고코드 생성되었다는 전제로 시작합니다, 어렵지 않으니 천천해 따라해 보세요, 요즘은 블로그를 이용해서 광고 수익을 내는 분들이 점점 많아지면서 구글 애드센스 역시 많은 관심을 갖는 것 같네요^^


티스토리 애드센스 광고 삽입, 티스토리 구글 애드센스 삽입


먼저 구글 애드센스 사이트 접속 한 다음에 로그인 후 내광고 > 콘텐츠 > 광고 단위 클릭 후 다음 블로그 티스토리 본문에 삽입할 구글광고 사이즈를 선택합니다, 사각형광고 300X250 사이즈를 선택해 보겠습니다, 현재는 다양한 구글 광고 사이즈를 만들어 놨기 때문에 이렇게 다양한 형태가 보이는데요, 여러분도 어렵지 않게 생성하실 수 있습니다, 코드 가져오기 링크 클릭해주세요



광고 코드가 보이는데 이부분을 마우스를 이용해서 전체를 복사해주세요, 키보드 단축키로는 Ctrl + C키를 누르면 복사됩니다



티스토리 애드센스 광고 삽입, 티스토리 구글 애드센스 삽입


그런 다음 내 티스토리 블로그 글쓰기 모드에서 우측 html 부분 체크 한 후 복사했던 소스코드를 넣어넣어줍니다, 글의 시작 부분에 삽입할지, 중간에 삽입할지, 마지막 부분에 삽입할지는 결정하셔서 적당한 위치에 삽입하면 되겠죠?



티스토리 블로그 콘텐츠 발행 전 미리보기 기능으로 확인해 보실 수 있습니다, 원하는 위치에 잘 배치가 되었다면 발행하면 되고, 아니라면 적당한 위치를 다시 잡은 다음 정렬 등 시킨 후 발행해 주면 됩니다^^ 이렇게 하면 구글 애드센스 광고를 본문에 삽입할 수 있답니다



이번에는 관리자 페이지에 있는 기능 중 플러그인을 통한 구글 광고 삽입 방법에 대해서 알려드리겠습니다, 관리자 페이지로 접속 후 플러그인 메뉴를 클릭하세요


티스토리 애드센스 광고 삽입, 티스토리 구글 애드센스 삽입


우측 상단에 보면 검색기능이 있는데 검색 아이콘을 클릭하세요



입력 칸에 '구글' 단어 입력 후 검색해 주세요



그럼 구글 관련 플러그인이 보이는데, 구글 애널리틱스, 구글 애드센스 피씨버전, 모바일 버전, 반응형 3가지 형태가 보입니다,  이 중에서 먼저 피씨버전을 적용해 보겠습니다, 이 작업을 하기 전에 먼저 구글 애드센스 페이지에서 위에서 했던 것 처럼 소스코드를 복사해 놔야 하는데 방법은 아까와 동일합니다



내광고 > 콘텐츠 > 광고 단위 > 삽입할 형태 사이즈 선택 후 '코드 가져오기' 링크 부분을 클릭하세요



광고코드 소스부분을 마우스나 키보드를 이용해서 전체 선택 후 복사해줍니다



다시 다음 티스토리 블로그 관리자 페이지 > 플러그인 화면으로 돌아와서 피씨버전 설정하기 링크 부분을 클릭하세요



티스토리 애드센스 광고 삽입, 티스토리 구글 애드센스 삽입


광고를 삽입하는 형태 역시 다양하죠? 상단 우측, 상단 좌측, 상단 전체 영역, 하단 전체 영역 또는 두개를 배치도 가능하답니다, 저는 하단 전체 영역을 선택 후 조금 전에 복사했던 소스코드를 아래 삽입 부분에 붙어넣어줍니다, 모든 사이즈를 삽입 할 수 있는게 아니라 권장 크기가 있는데요, 728X90(권장), 468X60, 336X280(권장), 300X250(권장), 250X250, 200X200 크기로 정해졌답니다



이번에는 모바일에 적용하는 방법입니다, 피씨와 모바일에 출력되는 형태를 다르게 설정 가능한 이유가 바로 이렇게 따로 설정할 수 있기 때문이겠죠



여기도 마찬가지로 구글 광고 소스코드를 삽입하기 위해서는 구글 애드센스에서 소스코드를 먼저 복사해 놓고 진행하시면 되겠죠, 역시 상단이나 하단, 또는 상단 하단 동시에 적용도 가능하답니다, 광고가 많다고 좋은 것은 아니니 상단 1개나 하단 1개가 적당해 보이네요, 역시 사이즈는 다양하니 원하는 형태의 소스코드를 적용하면 되겠네요



피씨버전 하단에 적용된 광고 사이즈 300X250 이네요



모바일 하단에 적용된 광고 사이즈 역시 동일한 사이즈 300X250입니다, 이렇게 해서 간단히 본문에 삽입하는 방법과 플러그인을 이용해서 상단 또는 하단에 이렇게 간단히 적용하실 수 있답니다, 앞으로도 다양한 정보 공유해 드릴테니 참고하시길 바래요^^