네이버 블로그의 글 제목을 기반으로 모든 키워드를 추출하고 분석결과를 제공합니다.
// ==UserScript== // @namespace https://tampermonkey.myso.kr/ // @name 네이버 블로그 글 제목 키워드 추출 분석 // @description 네이버 블로그의 글 제목을 기반으로 모든 키워드를 추출하고 분석결과를 제공합니다. // @copyright 2021, myso (https://tampermonkey.myso.kr) // @license Apache-2.0 // @version 1.0.8 // @author Won Choi // @connect naver.com // @match *://blog.naver.com/PostView* // @match *://blog.naver.com/PostList* // @grant GM_addStyle // @grant GM_xmlhttpRequest // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/polyfill/Object.fromEntries.js // @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/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-search-nx.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/naver-search-rx.js // @require https://cdn.jsdelivr.net/npm/[email protected]/assets/lib/smart-editor-one.js // @require https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuidv4.min.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/handlebars.js/4.7.7/handlebars.min.js // ==/UserScript== // ==OpenUserJS== // @author myso // ==/OpenUserJS== GM_App(async function main() { GM_donation('#viewTypeSelector, #postListBody, #wrap_blog_rabbit, #writeTopArea, #editor_frame', 0); GM_addStyle(`a._readKeywords .ico_spd { display: block; position: absolute; right: 13px; top: 13px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size:11px; font-weight: bold; }`); GM_addStyle(`body._readKeywordsStatus::after { content: attr(data-keywords-status); position: fixed; z-index: 1000000; margin: auto; left:0;top:0;bottom:0;right:0; background:rgba(0,0,0,0.7); color:#fff; display: flex; justify-content: center; align-items: center; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; white-space: pre-wrap; }`); async function popup(data) { const tmpl = Handlebars.compile(` <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" /> <title>키워드 추출 분석 결과</title> <style> html, body { height:100%; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; list-style: none; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .keyword-analysis,body { display: flex; flex-direction: column; height: 100%; overflow: hideen; } .keyword-analysis-body { flex-grow: 1; overflow-y: auto; } .keyword-analysis-toast { position: fixed; z-index: 100001; margin:auto; left: 0; top: 5rem; right: 0; bottom: auto; width:50%; height: 1.5rem; font-size: 1rem; background: #fff; color: #333; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); } .keyword-analysis-subhead { background: #52565e; color:#fff; font-weight:bold; position: sticky; top: 0; font-size:12px; height: 30px; padding: 5px 15px; display: flex; align-items: center; justify-content: center; } .keyword-analysis-listview {} .keyword-analysis-listview li { display: flex; font-size:12px; height: 30px; padding: 5px 15px; align-items: center; justify-content: center; } .keyword-analysis-listview li > * { } .keyword-analysis-listview li > *:nth-child(1) { flex-grow:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } .keyword-analysis-listview li > *:nth-child(2) { min-width: 90px; display: flex; flex-direction: column; text-align: right; line-height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } .keyword-analysis-listitem { } .keyword-analysis-listitem:hover { background: #efefef; } .keyword-analysis-listhead { background: #279b37; color:#fff; font-weight:bold; position: sticky; top: 40px; } .keyword-analysis-listhead-sub { background: #0abf53; color:#fff; font-weight:bold; position: sticky; top: 80px; } .keyword-analysis-listhead-sub a { color: #fff; } .keyword-analysis-icon-image::before { display: none; content: '\\1F5BC\\FE0F'; margin-right: 0.5rem; } .keyword-analysis-icon-normal::before { display: none; content: '\\1F4DD'; margin-right: 0.5rem; } .keyword-analysis-icon-timeline::before { display: none; content: '\\1F551'; margin-right: 0.5rem; } .keyword-analysis-rank > *:nth-child(2) { background: #f3f4f7; padding: 0.3rem; } .keyword-analysis-rank { background-color: #021e2f !important; font-weight: bold; } .keyword-analysis-rank1 { background-color: #0097dc !important; } .keyword-analysis-rank2 { background-color: #005abb !important; } .keyword-analysis-rank3 { background-color: #00539f !important; } .keyword-analysis-rank4 { background-color: #003b6a !important; } .keyword-analysis-rank5 { background-color: #002b46 !important; } .keyword-analysis-rank0 { background-color: #343735 !important } </style> </head> <body> <div class="keyword-analysis"> <div class="keyword-analysis-body"> <h3 class="keyword-analysis-subhead flex-column"> <span>키워드 추출 분석 결과</span> <small>{{keywords.length}}개의 키워드</small> </h3> <ul class="keyword-analysis-listview"> {{#each keywords}} <li class="keyword-analysis-listhead keyword-analysis-rank keyword-analysis-rank{{item.rank}}"> <h4>{{@index}}. {{query}}</h4> <a href="https://search.naver.com/search.naver?where=view&query={{query}}&mode=normal" target="_blank" rel="noopener noreferrer"> <span class="keyword-analysis-value">{{item.rank}}위</span> </a> </li> {{#each rel}} <li class="keyword-analysis-listhead keyword-analysis-listhead-sub"> <h4>{{query}}</h4> <a href="https://search.naver.com/search.naver?where=view&query={{query}}&mode=normal" target="_blank" rel="noopener noreferrer"> <span class="keyword-analysis-value">검색하기</span> </a> </li> {{#if r_category}} <li class="keyword-analysis-listitem"> <h4>생산선호주제</h4> <div> <span class="keyword-analysis-value">{{r_category}}</span> </div> </li> {{/if}} {{#if theme.main}} <li class="keyword-analysis-listitem"> <h4>메인소비주제</h4> <div> <span class="keyword-analysis-value">{{theme.main.name}}</span> </div> </li> {{/if}} {{#each theme.sub}} <li class="keyword-analysis-listitem"> <h4>서브소비주제</h4> <div> <span class="keyword-analysis-value">{{name}}</span> </div> </li> {{/each}} {{/each}} {{/each}} </ul> </div> </div> </body> </html> `); const html = tmpl(data); const blob = new Blob([html], {type : 'text/html'}); return window.open(URL.createObjectURL(blob), '_readKeywords', 'width=600, height=960'); } async function starter(event) { if(handler.running) return alert('이미 키워드 추출 분석이 진행 중입니다.'); document.body.classList.toggle('_readKeywordsStatus', handler.running = true); try { const uri = new URL(location.href), params = Object.fromEntries(uri.searchParams.entries()), blogId = params.blogId; const se = SE_parse(wrapper), se_title = se.sections.find(o=>o.type == 'title'); if(blogId && se_title) { const title = se_title.text.join(' '); document.body.dataset.keywordsStatus = `제목을 분석 중입니다... 잠시 기다려 주세요...\n\n${title}`; const words = await NX_termsParagraph(title), uniqs = _.uniq(words); document.body.dataset.keywordsStatus = `제목을 분석 중입니다...\n${uniqs.length}개의 키워드가 발견되었습니다.`; const cases = uniqs.reduce((function loops(index, cases, word, offset, uniqs){ if(index >= 2) return cases; const sorts = Array.from(uniqs).sort((curr)=>curr===word?-1:1).slice(1); const trans = Array.from(sorts).map((next)=>`${word} ${next}`); const remap = Array.from(sorts).reduce(loops.bind(null, index+1), []).map((next)=>`${word} ${next}`); cases.push(word, ...trans, ...remap); return cases.sort().filter((v, i, a)=>a.indexOf(v) == i); }).bind(null, 0), []); document.body.dataset.keywordsStatus = `제목을 분석 중입니다... 잠시 기다려 주세요...\n\n${cases.length}개의 조합 키워드가 발견되었습니다.`; const cases_terms = await NR_termsAll(...cases); console.log(cases_terms); const cases_items = cases_terms; //.filter(o=>o.r_category || o.theme); const cases_query = cases_items.map(o=>o.query); document.body.dataset.keywordsStatus = `순위를 분석 중입니다... 잠시 기다려 주세요...\n\n${cases_query.length}개의 키워드 순위를 수집중입니다.`; const items = await NX_itemsAll(...cases_query); document.body.dataset.keywordsStatus = `순위를 분석 중입니다... 잠시 기다려 주세요...\n\n${items.length}개의 키워드 순위 수집이 완료되었습니다.`; const trans = items.map((item)=>(item = item || {}, item.item=item.items && item.items.find(o=>o.blogId==blogId), item)); const finds = trans.filter(o=>o.item).map(o=>(o.rel=o.query.split(' ').map(k=>cases_terms.find(o=>o.query==k)).filter(v=>!!v), o)).sort((a,b)=>a.item.rank-b.item.rank); console.log(finds); popup({ keywords: finds }); } }catch(e){ console.error(e); alert('키워드 추출 과정에서 오류가 발생하였습니다.'); } document.body.classList.toggle('_readKeywordsStatus', handler.running = false); } async function handler(event) { if(handler.running && event && event.type == 'keydown' && event.keyCode == 27) stopper(event); const wrappers = Array.from(document.querySelectorAll('[data-post-editor-version]')); wrappers.map((wrapper) => { const menu = wrapper.querySelector('.lyr_overflow_menu'); if(!menu) return; const menu_append = (type, rate = 1) => { const item = menu.querySelector(`a._readKeywords.${type}`) || document.createElement('a'); if(item.className) return; item.classList.add('_readKeywords', type); item.href = '#'; menu.append(item); item.innerHTML = `키워드 추출 분석`; item.onclick = async function(event) { event.preventDefault(); await starter(event); } } menu_append('normal', 1.0); }); } window.addEventListener('keyup', handler, false); window.addEventListener('keydown', handler, false); window.addEventListener('keypress', handler, false); window.addEventListener('click', handler, false); handler(); });
