본문 바로가기
programming/UWP

UWP C# 수익형 앱 벙글 ( Vungle ) 누겟 ( NuGet) SDK 설치하기

by 개코 - 개발과 코딩 2023. 3. 29.

UWP 앱에 광고 배너를 나오게 하려면 벙글 ( Vungle ) 과 같은 광고 플랫폼을 이용하는 것이 좋다. 벙글 SDK 는 비주얼스튜디오에서 누겟 ( Nuget ) 패키지 관리자로 직접 설치할 수 있다. SDK 설치후 벙글에서 제공한 xaml 마크업 태그와 속성을 설정하면 광고가 나오도록 일단은 설정이 끝난 셈이다.

UWP C# 수익형 앱 벙글 ( Vungle )
누겟 ( NuGet ) SDK 설치하기

UWP C# 을 이용해 앱을 만들었다면 벙글 ( Vungle ) SDK 를 설치하여 광고 플랫폼을 설치할 수 있다.

벙글 SDK 는 수동으로 설치하는 방법과 누겟 ( Nuget ) 을 이용하여 설치하는 방법이 있다. SDK 는 라이브러리 형식으로 제공하기 때문에 비주얼스튜디오의 누겟을 이용하여 설치하는 것이 편하다.

벙글 SDK 를 설치한 후 벙글 xaml 태그를 추가하는 것만으로 광고 배너를 설치할 수 있다.

NuGet 에서 SDK 검색

누겟 ( Nuget ) 이 무엇인지 잠깐 언급해 본다.

누겟은 비주얼스튜디오에서 .Net 프레임워크 관리를 위한 패키지툴로 필요한 외부 라이브러리를 다운받고 설치할 수 있다.

프로젝트에 바로 설치되기 때문에 편의성이 좋다.

비주얼스튜디오에서 필요한 라이브러리 모듈을 직접 검색하고 설치하면 되기 때문에 상당히 편하다.

누겟을 이용해 라이브러리를 찾아 설치하는 방법은 상단 메뉴의 도구 또는 프로젝트를 마우스 오른쪽 버튼을 이용하여 누겟 패키지 관리자를 사용할 수 있다.

상단메뉴 > NuGet 패키지 관리자 > 패키지 관리자 콘솔

프로젝트 마우스 오른쪽 버튼 클릭 > NuGet 패키지 관리

Vungle SDK 설치

비주얼스튜디오의 누겟 ( Nuget ) 패키지 관리자를 이용하여 벙글 ( Vungle ) 광고 플랫폼을 설치해 보자.

벙글에서 제공하는 방법은 여러 방법은 있지만 단순히 벙글에서 제공한 광고 xaml 태그를 화면에 추가해 본다.

우선 벙글 SDK 를 누겟 패키지 관리자에서 검색하여 설치하도록 한다.

아래는 누겟 패키지 관리자 를 열고 벙글 SDK 를 검색하여 설치하는 과정을 보여준다.

  1. 비주얼스튜디오에서 프로젝트 마우스 오른쪽 버튼 또는 상단 메뉴를 이용하여 누겟 ( Nuget ) 패키지 관리자를 오픈한다.
  2. Vungle SDK 를 검색한다.
  3. 검색결과에서 VungleSDK 를 클릭한다.
  4. 설치하기 ( 화살표 모양 ) 를 클릭하여 SDK 를 설치한다.

설치가 완료되면 프로젝트의 참조 영역에 VungleSDK 가 설치된 모습을 볼 수 있다.

vungle xaml 마크업 추가하기

아래는 UWP 의 xaml 에 벙글 ( Vungle ) SDK 를 설치한 모습이다.

AppID 와 Placement 코드를 입력해 주면 된다.

광고가 적용될 앱은 벙글 광고 관리자 페이지에서 AppID 와 Placement 코드를 발급받아야 한다. 코드 발급은 단순히 앱을 추가하는 것만으로 가능하다.

<UI:VungleAdControl x:Name="vungleBannerControl"
            AutomationProperties.AutomationId="vungleBannerControl"
            IsBannerAd="True" AutoRun="True"
            Width="320" Height="50" Margin="10" HorizontalAlignment="Left"
            AppID="<AppID>" Placement="<Placement>">
	<Border BorderBrush="Black" BorderThickness="1" Margin="10">
		<TextBlock Text="Banner Ads will show here..." VerticalAlignment="Center" HorizontalAlignment="Center"/>
	</Border>
</UI:VungleAdControl>

결과화면은 다음과 같다.

광고가 아닌 텍스트 문구가 나오고 있다.

이것은 AppID 와 Placement 를 발급받지 않아서 이기도 하지만 테스트 상태일 떄는 라이브 광고가 나오지 않는다.

UWP 의 경우 앱을 만든 후 마이크로소프트에 업로드하고 벙글 광고 관리자와 앱을 연결해야 한다.

이제 간단한 앱을 만들고 마이크로소프트에 앱을 배포하고 광고 관리자와 연결하면 된다.

반응형

댓글