네이버 크리에이터 어드바이저에 새로운 기능을 추가합니다.
// ==UserScript== // @namespace https://tampermonkey.myso.kr/ // @name 네이버 크리에이터 어드바이저 어드밴스드 // @description 네이버 크리에이터 어드바이저에 새로운 기능을 추가합니다. // @copyright 2021, myso (https://tampermonkey.myso.kr) // @license Apache-2.0 // @version 2.1.8 // @author Won Choi // @connect naver.com // @match *://creator-advisor.naver.com/* // @grant GM_addStyle // @grant GM_xmlhttpRequest // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-app.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-style.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-add-script.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-xmlhttp-request-async.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/gm-xmlhttp-request-cors.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/vendor/handle-locationchange.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/donation.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-blog.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-creator-advisor.js // @require https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.7.2/bluebird.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js // ==/UserScript== // ==OpenUserJS== // @author myso // ==/OpenUserJS== GM_App(async function main() { GM_donation('#root'); GM_addStyle(`@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap-grid.min.css)`); GM_addStyle(`@import url(https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap-utilities.min.css)`); GM_addStyle(`.form-control { font-size: 12px; line-height: 24px; background: transparent; border: 1px solid rgba(0,0,0,0.2); } select.form-control { height: 28px; }`); Handlebars.registerHelper('select', (selected, options) => options.fn(this).replace(new RegExp(' value=\"' + selected + '\"'), '$& selected="selected"')); window.addEventListener('locationchange', async function() { if(location.pathname != '/') return; const uri = new URL(location.href); const channels = await CreatorAdvisor.exec('channels'); await (async function draw() { const wrap = document.querySelector('.u_ni_section_wrap'); const cont = wrap.querySelector('.u_ni_advanced') || document.createElement('div'); cont.classList.add('u_ni_advanced'); wrap.prepend(cont); const data = Object.assign({ service: 'naver_blog' }, Object.fromEntries(uri.searchParams)); data.sdate = data.sdate || moment().subtract(2, 'days').format('YYYY-MM-DD'); data.edate = data.edate || moment().format('YYYY-MM-DD'); data.channels = _.uniqBy(channels, 'service'); data.channel = _.find(data.channels, { service: data.service || 'naver_blog' }); data.items = data.query && await Promise.map(_.range(moment(data.edate).diff(data.sdate, 'days') + 1).map((o)=>moment(data.edate).subtract(o, 'days').format('YYYY-MM-DD')), async (date) => { const params = { service: data.channel.service, channelId: data.channel.channelId, date, keyword: data.query, limit: 20 }; if(params.service == 'influencer') Object.assign(params, { metric: 'cv', contentType: 'text', interval: 'day' }); if(params.service == 'naver_blog') Object.assign(params, { metric: 'cv', contentType: 'text', interval: 'day' }); if(params.service == 'naver_post') Object.assign(params, { metric: 'cv', contentType: 'text', interval: 'day' }); if(params.service == 'ntv') Object.assign(params, { metric: 'play_count', contentType: 'video', interval: 'day' }); const contents = await window.CreatorAdvisor.exec('popular-contents', params); return { date, data: contents.data } }); data.report = data.items && _.orderBy(_.map(_.groupBy(data.items.map(o=>o.data).flat(), 'channelName'), (items, channelName)=>({ channelName, metricValue: _.sumBy(items, 'metricValue') })), 'metricValue', 'desc').map((o, i)=>Object.assign({ rank: i + 1 }, o)); cont.innerHTML = Handlebars.compile(` <div class="u_ni_ranking_component"> <form class="u_ni_section_unit u_ni_ranking_component mb-3"> <div class="u_ni_title_section"><h2 class="u_ni_title">조회수 검색</h2></div> <div class="u_ni_desc_section p-3"> <div class="row mb-3"> <div class="col-6"><input class="form-control w-100" type="date" name="sdate" placeholder="시작일" value="{{sdate}}" /></div> <div class="col-6"><input class="form-control w-100" type="date" name="edate" placeholder="종료일" value="{{edate}}" /></div> </div> <div class="row mb-3"> <div class="col-4"> <select class="form-control w-100" name="service" style="appearance: auto; -webkit-appearance: auto"> {{#each channels}}<option value="{{service}}">{{service}}</option>{{/each}} </select> </div> <div class="col-8"><input class="form-control w-100" type="text" name="query" placeholder="검색할 키워드를 입력해주세요." value="{{query}}" /></div> </div> <button class="p-2 fs-6 w-100 bg-primary text-white rounded" type="submit">조회하기</button> </div> </form> <div class="u_ni_ranking_main u_ni_section_unit u_ni_ranking_component px-0 mx-1 mb-3"> <ul class="u_ni_list u_ni_info u_ni_desc_section px-3"> <li class="u_ni_item"><h3>채널 별 합계</h3></li> {{#each report}} <li class="u_ni_item"> <em class="u_ni_num">{{rank}}</em> <div class="u_ni_info_box"> <span class="u_ni_link"> <strong class="u_ni_title">{{channelName}}</strong> <p class="u_ni_figure_desc"> <span class="u_ni_info_txt u_ni_ico_view">{{metricValue}}</span> </p> </span> </div> </li> {{else}} <li class="u_ni_item"> <em class="u_ni_num">?</em> <div class="u_ni_info_box"> <span class="u_ni_link"> <strong class="u_ni_title">검색결과 찾을 수 없음</strong> </span> </div> </li> {{/each}} </ul> </div> <div class="u_ni_ranking_main"> <ul class="u_ni_list u_ni_info"> {{#each items}} <li class="u_ni_item"><h3>{{date}}</h3></li> {{#each data}} <li class="u_ni_item"> <em class="u_ni_num">{{rank}}</em> <div class="u_ni_info_box"> <a class="u_ni_link" role="button" tabindex="0" href="{{metaUrl}}" target="_blank" rel="noreferrer"> <strong class="u_ni_title">{{title}}</strong> <p class="u_ni_figure_desc"> <span class="u_ni_info_txt u_ni_ico_view">{{metricValue}}</span> <span class="u_ni_info_txt">{{channelName}}</span> </p> </a> </div> </li> {{else}} <li class="u_ni_item"> <em class="u_ni_num">?</em> <div class="u_ni_info_box"> <span class="u_ni_link"> <strong class="u_ni_title">검색결과 찾을 수 없음</strong> </span> </div> </li> {{/each}} {{/each}} </ul> </div> </div> `)(data); Array.from(cont.querySelectorAll('[name="service"] > option')).filter(o=>o.value == data.service).map(o=>o.selected = true); })(); }); })