미디어위키:Common.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 3개는 보이지 않습니다)
3번째 줄: 3번째 줄:
     var currentUrl = window.location.href;
     var currentUrl = window.location.href;
     var commJs = currentUrl.includes('Common.js');
     var commJs = currentUrl.includes('Common.js');
    console.log(commJs);
     var commCss = currentUrl.includes('Common.css');
     var commCss = currentUrl.includes('Common.css');
     var vectorJs = currentUrl.includes('Vector.js');
     var vectorJs = currentUrl.includes('Vector.js');
32번째 줄: 33번째 줄:
if (!wcs_add) var wcs_add = {};
if (!wcs_add) var wcs_add = {};
wcs_add['wa'] = 'ab0e0ecee3c040';
wcs_add['wa'] = 'ab0e0ecee3c040';
//Google Analytics
var GoogleCdn = document.createElement('script');
GoogleCdn.src = 'https://www.googletagmanager.com/gtag/js?id=G-YGT3D2Q9QW';
document.body.appendChild(GoogleCdn);
window.dataLayer = window.dataLayer || [];
function gtag() {
    dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-YGT3D2Q9QW');


/* TOP 버튼 */
/* TOP 버튼 */
317번째 줄: 307번째 줄:
});
});


// 데스크탑 언어
/* GA4: single ID + language tagging (MediaWiki 1.42.3) */
$(document).ready(function () {
(function () {
// 중복 로드 방지
if (window.__GA4_LOADED__) return;
window.__GA4_LOADED__ = true;
var GA_ID = 'G-YGT3D2Q9QW';
 
// 언어 결정: 가장 신뢰도 높은 wgContentLanguage, 없으면 경로 프리픽스로 보완
var pathLang = (location.pathname.split('/')[1] || '').toLowerCase();
var lang = (mw.config && mw.config.get('wgContentLanguage'))
        || (['en','es','ko','vi','pt','ne'].includes(pathLang) ? pathLang : 'ko');
// <head>에 gtag 로더 삽입
var s = document.createElement('script');
s.async = true;
s.src = 'https://www.googletagmanager.com/gtag/js?id=' + encodeURIComponent(GA_ID);
document.head.appendChild(s);
window.dataLayer = window.dataLayer || [];
function gtag(){ dataLayer.push(arguments); }
window.gtag = gtag;
gtag('js', new Date());
// 🔹 자동 page_view 끄기
gtag('config', GA_ID, {
send_page_view: false,
debug_mode: true
});
    // 사용자 속성
    gtag('set', 'user_properties', {
        site_language: lang,
        browser_language: navigator.language || navigator.userLanguage
    });
gtag('event', 'page_view', {
    page_location: location.href,
    page_path: location.pathname + location.search,
    page_title: document.title,
    content_group: lang
});
    console.log('gtag', lang, document.title, navigator.language || navigator.userLanguage);
})();
 
 
mw.loader.using(['jquery']).then(function () {
    // ----------------------------
    // 1. 인터랭 텍스트 한국어 병기
    // ----------------------------
    const langMap = {
        'ko': '한국어',
        'en': '영어',
        'es': '스페인어',
        'vi': '베트남어',
        'ne': '네팔어',
        'pt': '포르투갈어'
    };
 
    // 인터위키 언어 목록 선택자
    const $items = $('.vector-menu-content-list .interlanguage-link a');
 
    $items.each(function () {
        const $a = $(this);
 
        const langCode = $a.attr('lang'); // en, es, vi, ne, pt …
        const autonym = $a.find('span').text(); // English, Español, Tiếng Việt …
        const koreanName = langMap[langCode];
 
        if (!koreanName) return; // 배열에 없는 언어는 스킵


     // 왼쪽 인터랭 리스트 가져오기
        // 이미 한국어 형식이 적용된 경우 중복 적용 방지
        if (autonym.includes('(')) return;
 
        // 링크 텍스트 변경: "English" → "English (영어)"
        $a.find('span').text(`${autonym} (${koreanName})`);
    });
   
    // ----------------------------
    // 2. 변환된 인터랭을 헤더로 복사
     // ----------------------------
     const $interLangList = $('#p-lang .vector-menu-content-list');
     const $interLangList = $('#p-lang .vector-menu-content-list');
     if ($interLangList.length === 0) return;
     if ($interLangList.length === 0) return;


    // 헤더 삽입 위치
     var langDiv = document.getElementById('right-navigation');
     var langDiv = document.getElementById('right-navigation');
     if (!langDiv) return;
     if (!langDiv) return;


    // 헤더 기본 틀 생성
     var navHTML =
     var navHTML =
         '<nav id="p-cactions" class="mw-portlet mw-portlet-cactions vector-menu-dropdown-noicon vector-menu vector-menu-dropdown" aria-labelledby="p-cactions-label" role="navigation">' +
         '<nav id="p-cactions" class="mw-portlet mw-portlet-cactions vector-menu-dropdown-noicon vector-menu vector-menu-dropdown" aria-labelledby="p-cactions-label" role="navigation">' +
        '<input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label">' +
            '<input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" class="vector-menu-checkbox" aria-labelledby="p-cactions-label">' +
        '<label id="p-cactions-label" aria-label="" class="vector-menu-heading">' +
            '<label id="p-cactions-label" class="vector-menu-heading">' +
        '<span class="select-language"></span>' +
                '<span class="select-language"></span>' +
        '<span class="vector-menu-heading-label">Language</span>' +
                '<span class="vector-menu-heading-label">Language</span>' +
        '</label>' +
            '</label>' +
        '<div class="vector-menu-content">' +
            '<div class="vector-menu-content">' +
        '<ul class="vector-menu-content-list" id="header-lang-list"></ul>' +
                '<ul class="vector-menu-content-list" id="header-lang-list"></ul>' +
        '</div>' +
            '</div>' +
         '</nav>';
         '</nav>';


     langDiv.insertAdjacentHTML('afterbegin', navHTML);
     langDiv.insertAdjacentHTML('afterbegin', navHTML);
    // 헤더 ul
     const $headerList = $('#header-lang-list');
     const $headerList = $('#header-lang-list');


     // 왼쪽 언어 li 를 하나씩 읽어서 헤더에 복사
     // 변환된 인터랭 li 를 그대로 복사
     $interLangList.find('li.interlanguage-link').each(function () {
     $interLangList.find('li.interlanguage-link').each(function () {
         const $oldA = $(this).find('a');
         const $a = $(this).find('a');
 
         const href = $a.attr('href');
         const href = $oldA.attr('href');
         const title = $a.attr('title') || '';
         const title = $oldA.attr('title');
         const text = $a.find('span').text(); // 이미 한국어 병기된 값
         const text = $oldA.text();


         const newLi =
         const newLi =
             '<li class="mw-list-item">' +
             '<li class="mw-list-item">' +
            '<a href="' + href + '" title="' + title + '">' +
                '<a href="' + href + '" title="' + title + '">' +
            '<span>' + text + '</span>' +
                    '<span>' + text + '</span>' +
            '</a>' +
                '</a>' +
             '</li>';
             '</li>';


         $headerList.append(newLi);
         $headerList.append(newLi);
     });
     });  
 
});
});