WordPress에 비디오를 삽입하는 방법(초보자를 위한 3가지 방법)

게시 됨: 2023-01-19
페이스북 트위터 링크드인

웹사이트에 비디오를 올리는 것은 방문자가 사이트에서 보내는 시간과 관심을 높이는 입증된 방법입니다. 가능한 가장 쉬운 방법을 사용하여 WordPress에 비디오를 삽입하는 방법을 알고 싶습니까?

이 기사에서는 비디오를 WordPress 웹 페이지 또는 게시물에 삽입하는 3가지 방법을 살펴보겠습니다. 포함된 동영상은 YouTube와 같은 다른 곳에서 호스팅되지만 웹사이트에서 표시되고 재생됩니다.

또한 WordPress에서 비디오 재생 및 기타 통계를 추적하는 방법을 보여 드리겠습니다.

WordPress 사이트에 비디오 콘텐츠를 추가하는 이유는 무엇입니까?

요즘 인터넷을 검색하는 사람들은 웹 사이트를 방문할 때 완전하고 풍부한 경험을 기대합니다. 즉, 다양한 콘텐츠와 상호 작용을 촉진하는 콘텐츠를 제공해야 합니다. 사이트에 비디오를 추가하면 이 두 가지 목표를 모두 달성할 수 있습니다.

MonsterInsights는 최고의 WordPress Analytics 플러그인입니다. 무료로 받으세요!

WordPress에 비디오를 추가하는 것이 어렵습니까?

실제로 WordPress 사이트에 동영상을 추가하는 것은 매우 쉽습니다. 여러 가지 방법이 있으며 대부분 동영상 URL이나 짧은 텍스트 문자열을 복사하여 붙여넣기만 하면 됩니다.

좋습니다. 비디오를 삽입하는 것이 얼마나 쉬운지 알려드렸으니 바로 시작하겠습니다…

WordPress에 동영상을 삽입하는 3가지 간단한 방법

비디오를 WordPress 게시물 또는 페이지에 삽입하는 가장 쉬운 방법을 설명하겠습니다.

  1. WordPress 플러그인으로 동영상 삽입
  2. WordPress 블록 편집기로 비디오 포함
  3. WordPress Classic Editor를 사용하여 비디오 삽입

WordPress에 비디오를 추가하는 가장 강력하고 효과적인 방법인 YouTube 비디오 콘텐츠 관리를 위해 설계된 특수 플러그인을 사용하는 것부터 시작하겠습니다.

방법 1: 플러그인을 사용하여 WordPress에 비디오를 삽입하는 방법

WordPress 사용자는 초보자도 웹 사이트에 고급 기능을 쉽게 추가할 수 있는 다양한 플러그인을 보유하고 있어 운이 좋습니다.

이제 누구나 프로그래밍이나 기술 경험 없이도 WordPress 사이트에 비디오 파일을 삽입할 수 있습니다!

이 튜토리얼에서는 Smash Balloon의 YouTube Feed Pro를 사용하여 YouTube 동영상을 삽입할 것입니다.

Smash Balloon WordPress 비디오 임베드 플러그인

YouTube는 세계에서 가장 인기 있는 동영상 호스팅 플랫폼이며 Smash Balloon을 사용하면 YouTube 콘텐츠를 웹사이트에 바로 올릴 수 있습니다.

자신의 계정이나 다른 계정에서 YouTube 동영상을 추가할 수 있습니다. 검색어를 만들고 검색어와 일치하는 비디오를 표시할 수도 있습니다! 또한 갤러리 보기에서 단일 비디오에 이르기까지 다양한 표시 옵션이 있습니다.

시작하려면 WordPress에 Smash Balloon의 YouTube Feed Pro 플러그인을 설치해야 합니다.

YouTube Feed Pro 설치 및 활성화

Smash Balloon을 방문하여 여기에서 YouTube Feed Pro 라이선스를 받으십시오. Personal 요금제는 단일 웹사이트에 동영상을 삽입하는 데 필요한 모든 기능을 제공합니다.

Smash Balloon YouTube 피드 프로 플러그인 다운로드

구매를 완료한 후 Smash Balloon의 내 계정 » 다운로드 페이지를 방문하여 플러그인 파일을 가져옵니다. 컴퓨터에 저장하려면 YouTube Feed Pro 옆에 있는 다운로드 아이콘을 클릭하세요.

다운로드 페이지에 있는 동안 라이선스 필드에서 라이선스 키를 복사해야 합니다. 다음 단계에서 해당 라이센스 키를 WordPress에 입력합니다.

이 시점에서 설치를 완료하려면 WordPress에 로그인해야 합니다. WordPress 대시보드에 있으면 Plugins » Add New 를 클릭합니다. 그런 다음 화면 상단의 플러그인 업로드 버튼을 클릭합니다.

WordPress 업로드 플러그인 추가

이제 Smash Balloon에서 다운로드한 파일을 선택하고 지금 설치 를 클릭합니다.

워드프레스 스매시 풍선 플러그인 설치

플러그인이 설치된 후 플러그인 활성화 를 클릭하면 완료됩니다! 확인하려면 WordPress 대시보드 메뉴에서 YouTube 피드 라는 새 항목을 확인하세요.

YouTube 피드 프로 메뉴

자, 마지막으로 설정을 마치겠습니다. YouTube 피드 » 설정 을 클릭하고 이전에 Smash Balloon 계정에서 복사한 라이선스 키를 입력합니다. 키를 붙여넣은 후 활성화 를 클릭하여 완료합니다.

스매시 풍선 활성화 라이선스 임베드 비디오 WordPress 플러그인

이제 WordPress에 포함할 새 비디오 피드를 만들어 보겠습니다.

새 비디오 피드 만들기

플러그인에서 새 비디오 피드를 만들려면 메뉴에서 모든 피드 를 클릭하십시오. 아직 피드가 없으므로 이 화면에 새 피드 마법사가 표시됩니다. 새로 추가 버튼을 클릭할 수 있습니다.

WordPress에 비디오 삽입에 새 피드 추가

이제 Smash Balloon을 사용하여 포함할 수 있는 다양한 피드 유형을 볼 수 있습니다. 여기에는 6가지 옵션이 있습니다.

  • 채널 - 선택한 채널의 모든 비디오 피드를 표시합니다.
  • 재생 목록 – 채널에서 선택한 재생 목록을 표시합니다.
  • 즐겨찾기 – 모든 사용자가 좋아하는 비디오를 표시합니다.
  • 검색 - 선택한 검색 기준과 일치하는 비디오를 표시합니다.
  • 라이브 스트림 – 현재 및 향후 라이브 스트림 비디오를 표시합니다.
  • 단일 비디오 – 삽입할 단일 비디오 목록을 선별할 수 있습니다.

Smash Balloon 동영상 삽입 피드 유형

웹사이트에 표시할 피드 스타일을 선택한 후 다음 을 클릭합니다.

여기에서 채널 ID 또는 사용자 이름 을 사용하여 YouTube 계정을 연결하라는 메시지가 표시됩니다.

Smash Balloon 소스 채널 추가 YouTube

채널 ID는 YouTube의 채널 대시보드에 있을 때 URL에서 찾을 수 있는 일련의 문자와 숫자입니다. 채널 ID는 빨간색 상자에 표시됩니다.

YouTube 채널 ID 예

사용자 이름은 채널 홈페이지에 있을 때 URL에 표시됩니다. 예를 들어 이 URL www.youtube.com/@Monsterinsightsplugin 에서 사용자 이름은 @Monsterinsightsplugin 입니다.

상자에 이 두 항목 중 하나를 입력하고 다음 을 클릭합니다. 이 시점에서 YouTube API 키를 입력하거나 연결할 계정을 선택하라는 메시지가 표시됩니다.

YouTube API 키 또는 계정 추가

가장 좋은 방법은 YouTube 계정을 확인하는 Google의 API 키를 입력하는 것입니다. 이 간단한 가이드를 따라 Google에서 무료 API 키를 받으세요.

포함된 비디오 피드 디자인 및 사용자 정의

API 키를 입력한 후 템플릿을 선택하여 디자인을 시작합니다. 나중에 쉽게 변경할 수 있으니 걱정하지 마세요.

비디오 피드 템플릿 선택

계속하려면 다음 을 클릭하십시오. 피드가 준비되었지만 이제 피드 편집기에서 원하는 대로 정확하게 만들기 위해 피드를 사용자 지정할 수 있습니다.

YouTube 내장 동영상 피드 편집기

여기에서 템플릿을 변경하고 템플릿의 모양을 미리 볼 수 있습니다. 레이아웃, 색상, 머리글, 버튼 및 비디오 플레이어 모양을 편집할 수 있는 옵션도 있습니다.

설정 탭에서 피드 유형과 소스를 변경하고, 표시할 동영상에 대한 필터를 설정하고, 기타 고급 설정을 변경할 수 있습니다.

미리 보기 화면에서 비디오 피드 모양이 만족스러우면 저장 버튼을 클릭합니다. 피드가 모두 설정되어 게시할 준비가 되었습니다. 잘하셨습니다!

WordPress에 비디오 피드 게시

WordPress에 포함된 비디오로 YouTube 피드를 게시하려면 피드 편집 화면에서 포함 버튼을 클릭합니다. 먼저 모든 변경 사항을 저장했는지 확인하십시오!

WordPress 쇼트코드에 비디오 포함

피드 포함 상자가 열립니다. 이렇게 하면 비디오 피드를 삽입하기 위한 3가지 옵션이 제공됩니다.

먼저 단축 코드를 복사하고 이 텍스트를 페이지, 게시물 또는 위젯에 배치할 수 있습니다.

둘째, 페이지에 추가 버튼을 클릭하여 게시된 모든 페이지 목록을 볼 수 있습니다. 페이지를 선택하고 추가 를 클릭하면 편집 모드에서 즉시 열립니다. 그러면 Feeds for YouTube 라는 블록을 선택하라는 메시지가 표시됩니다.

YouTube 피드 프로 블록 WordPress

블록을 클릭하면 피드가 페이지에 배치됩니다!

마지막으로 WordPress 위젯에 비디오를 삽입하려면 위젯에 추가 버튼을 클릭하면 됩니다. 위젯 화면이 열리고 단축 코드로 위젯이 생성됩니다. 사이드바, 바닥글 또는 기타 위젯 위치 등 원하는 위치에 위젯을 배치합니다.

이것으로 YouTube Feed Pro와 같은 강력한 플러그인을 사용하여 WordPress에 비디오를 삽입하는 방법에 대한 자습서를 마무리합니다. 약속한 대로 이제 플러그인 없이 비디오를 추가하는 방법을 살펴보겠습니다.

플러그인 없이 WordPress에 비디오를 추가하는 방법

이제 YouTube 이외의 다른 서비스에서 호스팅되는 동영상이 있을 수 있습니다. 이러한 동영상을 WordPress 사이트에 쉽게 삽입할 수 있습니다.

플러그인 없이 WordPress에 동영상을 삽입하는 두 가지 방법을 보여드리겠습니다. 한 방법은 WordPress 블록 편집기를 사용하고 다른 방법은 클래식 편집기에서 작동합니다.

안타깝게도 이러한 방법은 개별 동영상을 추가하는 경우에만 작동합니다. 따라서 갤러리 또는 캐러셀 표시 유형을 원하거나 여러 비디오, 재생 목록 등을 표시하려는 경우 플러그인을 고수해야 합니다.

차단 방법부터 시작하겠습니다…

방법 2: WordPress 블록으로 비디오를 삽입하는 방법

페이지 편집 화면에서 WordPress의 Gutenberg 블록 편집기를 사용합니까? 그렇다면 블록을 사용하여 비디오 콘텐츠를 삽입하는 매우 간단한 솔루션이 있습니다.

먼저 사이트에 삽입하려는 동영상을 YouTube 또는 기타 서비스에서 엽니다. 그런 다음 공유 버튼을 클릭합니다. YouTube에서 다음과 같이 표시됩니다.

YouTube 동영상 공유 삽입 링크

비디오에 대한 공유 가능한 링크와 함께 공유 대화 상자가 열립니다. 복사 버튼을 클릭하여 해당 링크를 복사합니다.

이제 WordPress에서 페이지나 게시물을 열고 비디오를 삽입하려는 위치에 커서를 놓습니다.

먼저 블록 유형을 선택할 수 있지만 링크를 기본 단락 블록에 붙여넣기만 하면 됩니다. WordPress에서 비디오 서비스를 지원하는 경우 블록 유형이 자동으로 변경됩니다.

Vimeo에서 공유 링크는 다음과 같이 표시됩니다.

Vimeo 공유 링크 동영상 삽입

이 링크를 WordPress의 블록 편집기에 붙여넣은 후 비디오가 표시되면 수행해야 할 작업의 전부입니다!

동영상이 표시되지 않으면 WordPress에서 링크를 복사한 동영상 서비스를 지원하지 않을 수 있습니다. 다음은 WordPress에서 사용할 수 있는 <embed> 블록의 샘플입니다.

WordPress Gutenberg 비디오 블록 포함

보시다시피 YouTube, Vimeo, Animoto 등 여러 비디오 플랫폼이 지원됩니다. 플랫폼이 기본적으로 지원되지 않는 경우 사용할 수 있는 일반 Embed 블록도 있습니다.

기본 블록을 사용하여 WordPress에 비디오를 삽입하려면 비디오 플랫폼의 이름을 검색하십시오. WordPress 페이지에 블록을 추가한 다음 비디오 URL을 제공된 필드에 붙여넣습니다. WordPress 페이지 편집기의 Vimeo 블록은 다음과 같습니다.

WordPress Vimeo 동영상 삽입 블록

WordPress 블록 편집기에서 비디오를 추가하는 것이 전부입니다. 아주 간단합니다!

방법 3: WordPress Classic Editor에 비디오를 삽입하는 방법

여전히 WordPress에서 이전 클래식 편집기를 사용하고 있다면 동영상을 쉽게 삽입할 수 있습니다. 프로세스가 약간 다르게 작동하므로 살펴보겠습니다.

WordPress 클래식 편집기에는 VisualText 라는 두 개의 탭이 있습니다. 시각적 탭에서 페이지를 편집하는 경우 WordPress에서 지원하는 경우 서비스에서 비디오를 공유하기 위한 URL 링크를 붙여넣기만 하면 됩니다.

따라서 시각적 탭은 기본적으로 블록 편집기처럼 작동합니다. 동영상 URL 링크를 페이지에 붙여넣으면 WordPress에서 자동으로 동영상을 구성합니다.

그러나 텍스트 탭을 사용하여 비디오를 추가하려는 경우 URL 링크를 사용할 수 없습니다. 비디오 서비스에서 포함 코드를 가져와야 합니다.

WordPress 텍스트 탭 비디오 삽입 코드 추가

Vimeo에서는 위 사진에서 볼 수 있는 Embed 상자에 있습니다. 이 코드를 복사하여 WordPress의 텍스트 탭에 있는 HTML 코드에 붙여넣기만 하면 됩니다.

YouTube에서는 공유 대화 상자에서 삽입 버튼을 클릭해야 합니다.

YouTube 동영상 삽입 버튼

그런 다음 비디오를 WordPress에 삽입하기 위해 복사해야 하는 코드가 표시됩니다.

YouTube 동영상 임베드 코드

동영상을 표시할 위치에 코드를 붙여넣으면 완료됩니다. 새로 포함된 비디오를 저장하고 미리 보십시오!

MonsterInsights로 비디오 재생을 추적하는 방법

동영상이 웹사이트로 더 많은 트래픽을 유도하기 시작하면 사용자가 해당 콘텐츠와 어떻게 상호작용하는지 정확히 알고 싶을 것입니다.

MonsterInsights 홈페이지

WordPress용 최고의 Google Analytics 플러그인인 MonsterInsights를 사용하면 WordPress 대시보드에서 비디오 통계를 바로 볼 수 있습니다. 또한 플러그인은 비디오 추적을 자동으로 설정하므로 사용자 지정 코드나 태그를 웹 사이트에 추가하는 것에 대해 걱정할 필요가 없습니다.

MonsterInsights는 WordPress에서 YouTube, Vimeo 및 HTML5 비디오 추적을 지원합니다.

고급 비디오 추적 기능을 사용하려면 MonsterInsights Plus 플랜 이상이 필요합니다.

MonsterInsights 플러그인을 설치한 후 미디어 애드온 을 활성화하여 미디어 보고서에 액세스할 수 있습니다. 그런 다음 MonsterInsights에서 비디오 재생 통계를 보려면 통찰력 » 보고서 로 이동하고 미디어 탭을 클릭하십시오.

새로운 MonsterInsights 미디어 보고서

여기에 모든 동영상 재생의 일일 볼륨을 보여주는 그래프가 표시됩니다. 그 아래에는 다음과 같은 고급 비디오 통계와 함께 개별 비디오 목록과 각 비디오가 재생된 횟수가 표시됩니다.

  • 평균 시청 시간(분)
  • 시청한 동영상의 평균 비율
  • 전체 동영상을 끝까지 본 시청자의 비율

이 데이터는 여러 가지 방법으로 도움이 될 수 있습니다. 더 나은 성능의 비디오를 위해 평균 시청률 및 완료율이 낮은 비디오를 전환할 수 있습니다.

또는 시청자가 일찍 이탈하는 경우 시청자의 요구를 충족하지 못하는 동영상 콘텐츠가 무엇인지 파악하세요. 이제 시청자가 흥미를 잃고 참여를 중단할 때 확인할 수 있는 어려운 데이터가 있습니다.

물론 MonsterInsights는 비디오 추적뿐만 아니라 Google Analytics에서 필요한 모든 메트릭 및 분석 데이터를 제공합니다.

이것으로 WordPress에 비디오를 삽입하는 방법에 대한 자습서를 마무리합니다. 이 기사가 마음에 드셨다면 Google 애널리틱스의 전환 추적에 대한 가이드를 읽으실 수 있습니다.

아직 MonsterInsights를 사용하지 않습니까? 당신은 무엇을 기다리고 있습니까?

더 많은 Google Analytics 도움말 및 도구를 보려면 Twitter, Facebook 및 YouTube에서 저희를 팔로우하는 것을 잊지 마십시오.