[React] 리액트 카카오 애드핏(AdFit)

업데이트:
최대 1 분 소요

리액트에서 카카오 AdFit 광고를 넣어보기

컴포넌트에 아래 코드를 추가해 줍니다

componentDidMount() {
    let ins = document.createElement('ins');
    let scr = document.createElement('script');
  
    ins.className = 'kakao_ad_area';
    ins.style = "display:none;";
    scr.async = 'true';
    scr.type = "text/javascript";
    scr.src = "//t1.daumcdn.net/kas/static/ba.min.js";
    ins.setAttribute('data-ad-width', '320');
    ins.setAttribute('data-ad-height', '100');
    ins.setAttribute('data-ad-unit', 'unit 아이디');
  
    document.querySelector('.adfit').appendChild(ins);
    document.querySelector('.adfit').appendChild(scr);
  }

return 안쪽에 className을 adfit으로 하여 DIV를 생성해 줍니다

render() {
    return (
        <div className="adfit"/>
    );
  }