{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"e8530ffa-3be0-46a7-a917-7081b2271138"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"e7754b94-c181-4c7d-887e-c644207de81b"}},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"8be20812-945b-476d-872f-2621f8f10623","collection":"contentId-2164329086","type":"file","height":933}}]},{"type":"paragraph","content":[{"text":"BuzzAd Benefit에서 제공하는 광고지면의 CTA 테마를 변경할 수 있습니다. 이 단계는 선택사항이긴 하지만 원하는 색상, 아이콘을 적용하는 단계이므로 적용하는 것을 권장합니다. 앱에서 사용중인 application theme에 Buzzvil에서 제공하는 attribute를 정의하여 간편하게 BuzzAd Benefit SDK의 CTA UI를 커스터마이징 할 수 있습니다. ","type":"text"}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"attribute (type)","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"child attribute (type)","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[297.0]},"content":[{"type":"paragraph","content":[{"text":"커스터마이징 되는 UI","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilRewardIcon","type":"text","marks":[{"type":"code"}]},{"text":" (reference)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"N/A","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[297.0]},"content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[All] cta view 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Feed] profile banner 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Feed] pop opt-in 버튼 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Pedometer] pop icon 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Pedometer] header banner 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Pedometer] milestone 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Pedometer] notification 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Push] notification 리워드 아이콘","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[Bridge Point] ","type":"text"},{"text":"appCurrencyIcon","type":"text","marks":[{"type":"code"}]}]}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilCtaViewStyle","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(reference)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilCtaBackground","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(reference) Cta 배경 설정","type":"text"},{"type":"hardBreak"},{"text":"buzzvilCtaParticipatedIcon","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(reference) 광고 참여 후 아이콘 설정","type":"text"},{"type":"hardBreak"},{"text":"buzzvilCtaTextColor","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(color|reference) Cta 텍스트 색상 ","type":"text"},{"type":"hardBreak"},{"text":"buzzvilCtaTextSize","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(dimension) Cta 텍스트 크기","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[297.0]},"content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"[All] cta view","type":"text"}]}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilColorPrimaryDark","type":"text","marks":[{"type":"code"}]},{"text":"(reference|color)","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":5,"colwidth":[254.0]},"content":[{"type":"paragraph","content":[{"text":"N/A","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":5,"colwidth":[297.0]},"content":[{"type":"paragraph","content":[{"text":"[Feed] Tab UI, Filter UI, Pop FAB 배경색 등","type":"text"}]},{"type":"paragraph","content":[{"text":"[Interstitial] Feed 진입 경로 텍스트 색상","type":"text"}]},{"type":"paragraph","content":[{"text":"[Pop] Pop 아이콘 배경색, Toolbar UI, 다른 앱 위에 그리기 권한 다이얼로그 UI 등","type":"text"}]},{"type":"paragraph","content":[{"text":"[Push] 구독 다이얼로그 UI","type":"text"}]},{"type":"paragraph","content":[{"text":"[Ext. Auth] 바텀싯 UI","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilColorPrimary","type":"text","marks":[{"type":"code"}]},{"text":" (reference|color)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilColorPrimaryLight","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"(reference|color)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilColorPrimaryLighter","type":"text","marks":[{"type":"code"}]},{"text":" (reference|color)","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[209.0]},"content":[{"type":"paragraph","content":[{"text":"buzzvilColorPrimaryLightest","type":"text","marks":[{"type":"code"}]},{"text":" (reference|color)","type":"text"}]}]}]}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"아래는 ","type":"text"},{"text":"styles.xml","type":"text","marks":[{"type":"code"}]},{"text":" 파일에 추가할 예시 코드입니다.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"리워드 아이콘","type":"text"}]},{"type":"paragraph","content":[{"text":"리워드를 표시하는 아이콘 추가를 위해 application theme에 ","type":"text"},{"text":"buzzvilRewardIcon","type":"text","marks":[{"type":"code"}]},{"text":" 를 추가합니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"CTA 변경","type":"text"}]},{"type":"paragraph","content":[{"text":"광고의 CTA의 색상, 아이콘 등을 변경하기 위해 application theme에 ","type":"text"},{"text":"buzzvilCtaViewStyle","type":"text","marks":[{"type":"code"}]},{"text":" 를 추가합니다.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n","type":"text"}]},{"type":"paragraph","content":[{"text":"Cta 배경 예시","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n","type":"text"}]},{"type":"paragraph"},{"type":"heading","attrs":{"level":3},"content":[{"text":"PrimaryColor 변경","type":"text"}]},{"type":"paragraph","content":[{"text":"BuzzAd SDK 에서 제공하는 UI 중 Dialog의 버튼 색상, Bottom sheet UI의 확인 버튼을 포함하한 일부 UI 의 색상을 아래와 같이 Theme 에서 설정할 수 있습니다. ","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1100,"id":"f41ee1be-a87c-4a34-b85c-a450177ec53b","collection":"contentId-2164329086","type":"file","height":1177}}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n","type":"text"}]},{"type":"paragraph"}],"version":1}

Browser not supported