kyungw00k/vue-adfit-component

:money_with_wings: Vue로 손 쉽게 AdFit 광고를 넣어보자!

💵 Vue AdFit 광고 컴포넌트

Vue로 손 쉽게 AdFit 광고를 넣어보자!

🎉 예제

https://kyungw00k.github.io/vue-adfit-component/

🚀 시작하기

설치

npm install vue-adfit-component --save

사용법

import AdFit from 'vue-adfit-component'

Vue.use(AdFit.Banner)

템플릿

<adfit-banner
    v-on:ad-loaded
    v-on:ad-failed
    data-ad-test="Y"
    data-ad-unit="DAN-Xxxxxxxx">
</adfit-banner>

🎁 속성과 이벤트

속성

Attribute	Type	Default	Description
class	String	adfit_ad_area
style	String	display:block
data-ad-unit	String		Attribute data-ad-unit from AdFit
data-ad-test	String	N	Attribute data-ad-test from AdFit

이벤트

Event	Description
ad-loaded	Attribute data-ad-load from AdFit
ad-failed	Attribute data-ad-fail from AdFit

🏃 개발

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production demo with minification
npm run build

# build for plugin distribution file
npm run pack

# run build and pack
npm run dist

License

MIT

vue-adfit-component's Issues

README.md 문제

안녕하세요 편리하게 잘 사용하고 있습니다
다만 README.md의 내용과 실제 사용 방법의 차이가 있어 이슈 남깁니다

템플릿과 속성에서

data-ad-unit -> ad-unit
data-ad-test -> ad-test

로 바뀌어야 정상 작동할 것 같습니다.
실제 사용 시 없는 prop라는 에러가 나옵니다.

안녕하세요 광고 개발모드에서 cors 그냥 무시해도 되나여?

요번에 시간나서 vue로 사이트 작업 하고 있는 개발자 입니다.
기존의 jsp환경에선 cors local 환경해도 cors 이슈가 안터졌는데
sentry 로그 보내시는거 세팅 되어있는것 같은데 local 테스트 환경에서 cors 에러 계속 떠서 그런데 가이드에
kakao sentry 오류 보고 무시해도 되나요?

그리고 vue에서 props adUnit이 없다고 나와서 adfit dom 에 adUnit= unitcode 하니까 에러 사라지던데 가이드 수정하서야 될것 같아요~