본문 바로가기
트렌드 이슈

유튜브 채널, 예상 수익 알아보기(5분만에 홈페이지 만들기 가이드)

by 유박사(Edu.D.) 2025. 6. 11.
반응형

** 유튜브 채널, 수익알아보기

1. 알아보고 싶은 유튜브 채널 URL을 복사한다.

2. 아래 링크를 클릭해서 들어가서, URL를 붙여넣고

3. 구독자 수를 입력한다. 그리고 '조회하기' 버튼을 누른다. 

클릭해서 유튜브 채널 수익을 알아보세요.

 
 
 


** 유튜브 채널 수익알아보기 5분만에 홈페이지 만들기 **

1. Chat GPT에서 다음과 같이 프롬프트를 입력한다.

" 나는 홈페이지를 만들려고해, 파이선이나 HTML로 작성해줘, 제목은 '유튜브 채널 수익 예측하기"라고 하고, 유튜브 채널 URL입력하는 란, 옆에 조회하기 버튼을 누르면 유튜브 수식을 좀 큰 글씨로 환화로 원 표시로 표시해주는 홈페이지를 만들어줘"

 

2. 다시 프롬프트를 입력한다.

"파일하나로 모아서 만들어줘, 파일명은 Index.html로 파일을 생성해주고, 파일을 클릭하면 실행되도록 만들려고해 해줄 수 있겠니? "

 

3. 버튼을 누를 때마다, 수익이 바뀌어서 다시 프롬프트를 입력해준다.

" 파일을 생성해서 실행해보니, 조회하기 버튼을 클릭할 때마다, 예상수익이 바뀌는데, 이 문제를 해결해줘"

 

4. 이 실행 파일을 티스토리에 넣고 실행되게 하는 방법이 있을까?

지피티에게 물어보고, github.com 서버에 index.html 파일을 업로드해서 만든다.  

 ** 다음은 참고사항


하지만 **티스토리(Tistory)**는 보안 정책상 HTML 파일을 업로드하여 실행하거나, JavaScript가 포함된 독립 실행형 HTML 페이지를 직접 삽입해서 실행하는 기능을 지원하지 않습니다.

하지만 우회적 방법이나 대체 플랫폼을 활용하여 티스토리에서 실행하는 것처럼 보이게 만들 수 있는 3가지 실용적인 방법을 소개해드리겠습니다:

✅ 1. [추천] HTML 파일을 외부에 호스팅하고 티스토리에서 링크로 연결하기


💡 개요:
HTML 파일을 실행 가능한 형태로 다른 서비스(예: GitHub Pages, Netlify, Vercel)에 올린 뒤, 티스토리 글에 링크 또는 iframe으로 연결하는 방법입니다.

▶️ 예시 절차: GitHub Pages에 업로드
① GitHub 계정 만들기 → 저장소 생성
→ 저장소 이름: youtube-revenue-predictor
② Index.html을 저장소에 업로드
③ GitHub Pages 활성화
저장소 → Settings → Pages → Branch: main, 폴더: /root
URL이 예: https://yourname.github.io/youtube-revenue-predictor
④ 티스토리에 연결
<iframe src="https://yourname.github.io/youtube-revenue-predictor" width="100%" height="600px" frameborder="0"></iframe>
또는 클릭 가능한 링크로:
<a href="https://yourname.github.io/youtube-revenue-predictor" target="_blank">[유튜브 수익 예측기 실행]</a>

✅ 이렇게 하면 티스토리 글 내에서 "외부 페이지 실행"이 가능해집니다.
✅ 2. [간단] HTML 코드 중 일부만 티스토리에 삽입 (JavaScript 제한 있음)


티스토리는 <script> 태그 실행을 차단합니다.
즉, 자바스크립트를 쓰는 현재 HTML은 그대로 붙여넣어도 작동하지 않습니다.
그러나 기본적인 HTML UI만 보이게 할 수 있습니다:
❌ 예:
<script> // 작동하지 않음 </script>

✅ 가능 예:

<h1>유튜브 수익 예측기</h1>
<p>아래 버튼을 클릭하면 외부 링크에서 확인할 수 있어요!</p>
<a href="https://외부호스팅주소.com">예측하러 가기</a>

✅ 3. [대체 방법] Google Sites 또는 Notion 등 사용 후 티스토리와 연결


Google Sites: 무료 웹사이트 제작 가능
Notion: HTML을 포함한 대시보드 형식으로 작성하고 티스토리에 연결
블로그글에 영상으로 설명 + 링크 제공 방식도 매우 효과적입니다

728x90
반응형