태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

블로그에 유튜브 내채널 목록 추가 하는 방법

Creator KEBI/블로그|2019. 7. 1. 16:01

혹시 블로그를 운영 하시면서 저처럼 유튜브 채널도 같이 겸해서 운영을 한다고 하면 블로그에 나의 유튜브 채널 리스트를 추가 해놓으면 아무래도 유튜브 채널 구독에도 도움이 되지 않을까 생각이 되는데요. 이번 포스팅에서는 블로그에 유튜브 내채널 목록 추가 하는 방법에 대해서 알아 보도록 하겠습니다. 일반적으로 코딩좀 하신다면 직접 구현을 하셔도 되지만.. 그렇지 않다면 다른 개발자가 만들어 놓은 자바 스크립트를 이용하면 좋은데요. 구글링 해서 찾아보니 아주 좋은 스크립트가 있어서 활용하면 될거 같아요. 

링크 : Youtube Embed Generator

위 사이트에 접속을 하시면 아래와 같은 사이트를 볼수가 있습니다. Youtube Embed Generator 라고 되어 있는데요. HTML 코드를 생성해서 쉽게 내 블로그에 추가를 할수가 있도록 도와 주네요. 아래쪽으로 내리면 어떤 형태로 추가를 할수 있을지도 확인이 가능 합니다. 

아래처럼 아래쪽에 썸네일을 표시해주고 클릭 해주면 상단에서 유튜브 재생이 되도록 해주는 형태도 있는데요. 제가 원하던 형태라서 바로 적용을 해보았습니다. 적용을 하기 위해서는 상단에서 필요한 옵션을 주고 만들어서 사용을 해도 되지만 하단에 있는 예제에서 내 채널 정보만 입력을 해서 사용을 해도 됩니다. 저 같은 경우에는 아래 예제가 마음에 들어서 아래 예제에 제 채널 정보만 입력을 해서 사용을 했습니다.

활용 하는 방법은 별도의 유튜브 영상 페이지를 만들어서 사용을 하셔도 되고, 아니면 본문 아래쪽에 추가를 하셔도 됩니다. 저는 별도의 메뉴를 구성을 하고 싶어서 공지로 아래와 같이 새로 생성을 해서 HTML 편집으로 추가를 해놓았습니다. 여기에 제 유튜브 정보를 입력을 했고 해당 글을 열어서 보시면 원하시는 모양의 유튜브 채널 리스트를 볼수가 있게 됩니다.

실제로 제가 작성한 페이지의 경우에는 아래와 같이 표시가 되고 있습니다. 상단에는 앞쪽에서 봤던 아래쪽에 썸네일 보이고 위쪽에 영상이 재생이 되는 형태의 뷰이구요. 그리고 바로 아래쪽에는 리스트 형태로 해서 추가를 해놓았습니다. 이렇게 하면 내 블로그에 들어왔을때 유튜브 채널도 같이 홍보 할수가 있겠죠. 추가로 아래쪽에다가 유튜브 채널 구독 버튼도 추가 해놓으면 좋겠죠?

이상으로 블로그에 유튜브 내채널 목록 추가 하는 방법에 대해서 알아 보았습니다. 블로그와 유튜브를 같이 운영 하시는 분들에게 참고가 되셨길 바라면서 이만 포스팅 마치도록 하겠습니다. 여기 까지 읽어 주셔서 감사합니다. ^^


댓글()