웹페이지에 애드핏 광고 삽입하는 방법을 살펴보겠습니다.

제가 운영하는 코딩캠퍼스 튜토리얼에 광고를 넣어 볼까 해서 살펴보다가 카카오 애드핏 광고를 넣어 볼려고 합니다. 카카오 애드핏의 경우 승인 장벽이 구글 애드센스보다 낮다고 하는데 우선 사용을 해보고 위해서 튜토리얼로 작성을 해봅니다. 

우선 애드핏을 사용하기 위해서는 Kakao Adfit(https://adfit.kakao.com/info)에 접속을 해서 AdFit 시작하기 버튼을 클릭해서 가입 및 로그인을 해야 합니다. 

로그인 화면 다음과 같이 애드핏 대쉬보드에서 왼쪽 메뉴에서 광고관리를 클릭합니다.

 광고단위생성 화면에서 매체 선택을 해주고 다음 버튼을 클릭 합니다.

다음의 상품 선택 화면에서 화면 중앙에 있는 배너 화면을 클릭하면 광고 단위명 및 사이즈 설정하는 화면이 추가 됩니다.

추가된 화면에서 광고단위명, 유형선택등을 입력하고 다음 버튼을 클릭합니다. 

다음과 생성된 스크립트 복사 후 html 파일에 넣고자 하는 위치에 복사한 코드 붙여넣습니다.

<ins class="kakao_ad_area" style="display:none;"  
            data-ad-unit="ADUNIT_ID"  //AdFit에서 발급 받은 광고단위코드 값  
            data-ad-width="728"  // 광고단위 가로 사이즈
            data-ad-height="90"></ins>  // 광고단위 세로 사이즈

그럼 다음과 같이 추가한 부분에 광고가 출력이 됩니다.