XHLaunchAd 비디오 광고 실전: 몰입형 시작 경험을 만드는 10가지 기술
XHLaunchAd는 강력한 스크린 오픈 광고 솔루션으로, 정적/동적 이미지 광고, mp4 비디오 광고, 전체 화면/반 화면 광고를 지원하며 iPhone/iPad 장치와 완벽하게 호환됩니다. 이 글에서 소개하는 10가지 실전 기술을 통해 전문가 수준의 비디오 시작 광고 경험을 쉽게 구축하고 사용자가 앱을 처음 열 때의 시각적 충격을 높일 수 있습니다.
1. 기본 설정: 비디오 광고 빠르게 통합하기
프로젝트에 비디오 광고를 통합하려면 XHLaunchVideoAdConfiguration 클래스를 구성해야 합니다. 이 핵심 구성 클래스는 XHLaunchAd/XHLaunchAd/XHLaunchAdConfiguration.h에 위치하며 비디오 광고의 모든 기본 설정 옵션을 제공합니다.
// 비디오 광고 구성 인스턴스 생성
let videoConfig = XHLaunchVideoAdConfiguration.default()
videoConfig.videoNameOrURLString = "video0.mp4" // 비디오 리소스 경로
videoConfig.duration = 5 // 광고 표시 시간(초)
videoConfig.muted = true // 기본 음소거 재생
비디오 리소스 저장 위치
프로젝트 예제의 비디오 리소스는 XHLaunchAdExample/Source/ 디렉토리에 있으며, video0.mp4와 video1.mp4 두 개의 예제 파일을 포함하고 있습니다. 이 파일들의 형식과 인코딩 매개변수를 직접 참고할 수 있습니다.
2. 비디오 표시 최적화: 적합한 확대 모드 선택
비디오의 표시 효과는 사용자 경험에 직접적인 영향을 미칩니다. XHLaunchAd는 유연한 비디오 확대 모드 설정을 제공합니다:
// 비디오 확대 모드 설정
videoConfig.videoGravity = .resizeAspectFill
주요 선택 가능 값은 다음과 같습니다:
.resizeAspect: 비율 유지, 검은색 테두리 가능.resizeAspectFill: 비율 유지로 전체 화면 채우기, 일부 내용 잘릴 수 있음.resize: 전체 화면 채우기 위해 늘리기, 변형 가능
그림: XHLaunchAd 비디오 광고가 다양한 장치에서의 표시 효과
3. 인터랙션 디자인: 사용자 경험을 높이는 맞춤형 건너뛰기 버튼
건너뛰기 버튼은 사용자 경험을 향상시키는 핵심 요소입니다. XHLaunchAd는 다양한 건너뛰기 버튼 유형을 지원합니다:
// 건너뛰기 버튼 유형 설정
videoConfig.skipButtonType = .timeText // 시간 표시가 있는 텍스트 건너뛰기 버튼
건너뛰기 버튼의 모양과 위치를 완전히 맞춤화할 수도 있습니다:
// 맞춤형 건너뛰기 버튼 생성
let customSkipView = UIView(frame: CGRect(x: 300, y: 50, width: 80, height: 30))
customSkipView.backgroundColor = UIColor(white: 0, alpha: 0.5)
videoConfig.customSkipView = customSkipView
4. 성능 최적화: 비디오 미리 로드 및 캐시 전략
비디오 로딩 지연이 사용자 경험에 영향을 주지 않도록 미리 로드 전략을 사용하는 것이 좋습니다:
// 비디오 리소스 미리 로드
XHLaunchAdImageManager.downloadVideo(with: videoURL,
options: .default) { filePath, error in
// 비디오 캐시 완료 후 광고 표시
}
5. 애니메이션 전환: 부드러운 광고 사라짐 효과 만들기
광고 표시가 끝날 때의 전환 애니메이션은 사용자 경험을 향상시킬 수 있습니다. XHLaunchAd는 다양한 전환 효과를 제공합니다:
// 광고 사라짐 애니메이션 설정
videoConfig.showFinishAnimate = .fadein // 페이드인 효과
videoConfig.showFinishAnimateTime = 0.8 // 애니메이션 지속 시간(초)
페이드인, 확대 페이드인, 좌우 뒤집기 등 다양한 스타일의 애니메이션 효과를 선택하여 앱 스타일에 가장 적합한 전환 효과를 선택할 수 있습니다.
6. 다중 시나리오 적응: 가로/세로 화면 및 iPad 지원
XHLaunchAd는 다양한 장치와 화면 방향을 완벽하게 지원하며, frame 속성을 통해 정확한 적응을 구현할 수 있습니다:
// 다양한 화면 적응
if isPad {
videoConfig.frame = CGRect(x: 0, y: 0, width: 768, height: 1024) // iPad 세로 화면
} else {
videoConfig.frame = UIScreen.main.bounds // 휴대폰 전체 화면
}
그림: 다양한 iOS 장치에서의 XHLaunchAd 시작 화면 구성 인터페이스
7. 인터랙션 강화: 클릭 이벤트 및 목적지 페이지 이동 추가
비디오 광고에 클릭 이벤트를 추가하여 사용자가 지정된 페이지로 이동하도록 유도할 수 있습니다:
// 클릭 이벤트 매개변수 설정
videoConfig.openModel = ["type": "video", "id": "123"]
// 프록시 메서드 구현 클릭 이벤트 처리
func xhLaunchAd(_ launchAd: XHLaunchAd,
clickAndOpenModel openModel: Any?,
clickPoint: CGPoint) {
// 클릭 이벤트 처리, 해당 페이지로 이동
}
8. 고급 기능: 백그라운드 복원 표시 및 반복 재생
앱이 백그라운드에서 복원될 때 광고를 다시 표시하도록 구성:
// 백그라운드 복원 시 광고 표시
videoConfig.showEnterForeground = true
비디오가 반복 재생되는지 여부를 제어:
// 비디오 한 번만 재생 설정
videoConfig.videoCycleOnce = true
9. 시각적 강화: 하위 뷰 추가로 광고 콘텐츠 풍부하게 만들기
맞춤형 하위 뷰를 추가하여 비디오 광고에 추가 정보를 중첩할 수 있습니다:
// 맞춤형 하위 뷰 추가
let titleLabel = UILabel(frame: CGRect(x: 50, y: 500, width: 300, height: 30))
titleLabel.text = "제한된 시간 혜택 이벤트"
videoConfig.subViews = [titleLabel]
그림: 맞춤형 텍스트와 인터랙션 버튼이 있는 XHLaunchAd 광고 예시
10. 완전 통합: 비디오 광고 단계별 구현
단계 1: 프로젝트 코드 클론
git clone https://gitcode.com/gh_mirrors/xh/XHLaunchAd
단계 2: 핵심 파일 가져오기
XHLaunchAd/XHLaunchAd/ 디렉토리의 모든 파일을 프로젝트에 추가합니다. 구성 클래스, 뷰 컨트롤러 및 유틸리티 클래스를 포함합니다.
단계 3: 구성 및 광고 표시
AppDelegate에 다음 코드를 추가합니다:
import XHLaunchAd
import XHLaunchAdConfiguration
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
// 비디오 광고 구성
let videoConfig = XHLaunchVideoAdConfiguration.default()
videoConfig.videoNameOrURLString = "video0.mp4"
videoConfig.duration = 5
videoConfig.muted = true
// 광고 표시
XHLaunchAd.showVideoAd(with: videoConfig, delegate: self)
return true
}
위 10가지 기술을 통해 XHLaunchAd 비디오 광고의 핵심 기능과 최고의 실천 방법을 모두 익혔습니다. 기본 통합부터 고급 맞춤화까지, XHLaunchAd는 모든 요구 사항을 충족하여 전문적이고 부드러운 앱 시작 경험을 구축하는 데 도움을 줄 수 있습니다.