나만의 구독자 전용 콘텐츠 블로그 만들기

function doGet(e) {
const visitorLink = (e && e.parameter && e.parameter.visitorLink) ? e.parameter.visitorLink : null;
let result = { access: false, message: '' };

try {
if (!visitorLink) {
result.message = "Error: visitorLink parameter is missing.";
} else {
const spreadsheet = SpreadsheetApp.openById(SPREADSHEET_ID);
let subscribersSheet = spreadsheet.getSheetByName(SUBSCRIBERS_SHEET_NAME);

if (!subscribersSheet) {
subscribersSheet = spreadsheet.insertSheet(SUBSCRIBERS_SHEET_NAME);
subscribersSheet.appendRow(['링크', '저장일시']);
}

const lastRow = subscribersSheet.getLastRow();
const subscriberLinks = lastRow 1 ? subscribersSheet.getRange(2, 1, lastRow - 1, 1).getValues().flat() : [];
const normalizedVisitorLink = normalizeUrl(visitorLink);

const isMySubscriber = subscriberLinks.some(subLink = {
if (!subLink) return false;
return normalizedVisitorLink === normalizeUrl(subLink);
});

result.access = isMySubscriber;
result.message = isMySubscriber ? 'Access granted' : 'Access denied';
result.success = true;
}
} catch (error) {
result.access = false;
result.message = "Error: " + error.message;
}

return ContentService.createTextOutput(JSON.stringify(result))
.setMimeType(ContentService.MimeType.JSON);
}

/* ===============================
팝업 생성
=============================== */
const popup = document.createElement('div');
popup.id = 'access-popup';
popup.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(10,10,10,0.85);
color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 99999;
padding: 20px;
text-align: center;
overflow: hidden;
backdrop-filter: blur(10px);
`;

popup.innerHTML = `
div style="
background: rgba(20,20,20,0.95);
padding: 40px;
border-radius: 20px;
border: 1px solid #444;
box-shadow: 0 20px 60px rgba(0,0,0,0.9);
max-width: 420px;
width: 95%;
box-sizing: border-box;
z-index: 1;
"
h2 style="
font-size: 1.6rem;
color: #27ae60;
margin: 0 0 15px 0;
font-weight: bold;
" 구독자 전용 콘텐츠/h2

p style="
font-size: 1rem;
margin: 0 0 10px 0;
line-height: 1.6;
color: #eee;
"
이 콘텐츠는 보호되어 있습니다.br
구독 중인 블로그 URL을 입력하세요.
/p

p style="
font-size: 0.85rem;
margin: 0 0 20px 0;
color: #bbb;
line-height: 1.5;
"
※ 구독자임에도 접속이 불가할 경우 또는 비구독자도,br
댓글로 span style="color:#ffcc00;font-weight:bold;"'승인 요청'/span을 남겨주세요.
/p

input
type="text"
id="visitor-url"
placeholder="https://아이디.tistory.com"
style="
width: 100%;
padding: 14px;
margin-bottom: 15px;
border-radius: 8px;
border: none;
outline: none;
text-align: center;
color: #000;
font-size: 1rem;
box-sizing: border-box;
background: #fff;
"

div style="display:flex;flex-direction:column;gap:10px;"
button
id="check-access-btn"
style="
width: 100%;
padding: 14px;
font-size: 1.1rem;
cursor: pointer;
background: #087e3a;
color: white;
border: none;
border-radius: 8px;
font-weight: bold;
transition: 0.3s;
"
접근 확인/button

a
href="홈.이동할 주소"
style="
width: 100%;
padding: 12px;
font-size: 1rem;
cursor: pointer;
background: rgba(255,255,255,0.1);
color: white;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 8px;
font-weight: bold;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
transition: 0.3s;
"
홈으로 이동/a
/div

p
id="access-message"
style="
margin-top: 20px;
font-size: 0.95rem;
min-height: 24px;
font-weight: bold;
"
/p
/div
`;

document.body.appendChild(popup);
document.body.style.overflow = 'hidden';

/* ===============================
사용자 행동 제한
=============================== */
const preventActions = (e) = {
if (e.target.id === 'visitor-url') return;
e.preventDefault();
};

document.addEventListener('contextmenu', preventActions);
document.addEventListener('selectstart', preventActions);
document.addEventListener('dragstart', preventActions);

/* ===============================
접근 확인 로직
=============================== */
const btn = document.getElementById('check-access-btn');
const input = document.getElementById('visitor-url');
const msg = document.getElementById('access-message');

btn.onclick = async () = {
const val = input.value.trim();
if (!val) {
msg.textContent = "URL을 입력해주세요.";
return;
}

btn.disabled = true;
btn.textContent = "확인 중...";

try {
const url = `https://script.google.com/구글GAS주소로 변경?visitorLink=$encodeURIComponent(val)}`;
const res = await fetch(url);
const data = await res.json();

if (data.access) {
msg.textContent = " 확인되었습니다!";
msg.style.color = "#00ff00";

document.removeEventListener('contextmenu', preventActions);
document.removeEventListener('selectstart', preventActions);
document.removeEventListener('dragstart', preventActions);

setTimeout(() = {
popup.remove();
document.body.style.overflow = 'auto';
}, 800);
} else {
msg.textContent = "❌ 구독 정보가 없습니다.";
msg.style.color = "#ff4444";
btn.disabled = false;
btn.textContent = "접근 확인";
}
} catch (e) {
msg.textContent = "⚠연결 오류가 발생했습니다.";
btn.disabled = false;
btn.textContent = "접근 확인";
}
};