Ray:串流正在革新內容消費方式,實況主可能成為政治人物,以及網路仇恨對心理健康的影響

在 Google 上加入我們

`;
}

function createMobileArticle(article) {
const displayDate = getDisplayDate(article);
const editorSlug = article.editor ? article.editor.toLowerCase().replace(/\s+/g, '-') : ";
const captionHtml = article.imageCaption ? `

${article.imageCaption}

` : ";
const authorHtml = article.isPressRelease ? " : `
`;

return `

${article.subheadline ? `

${article.subheadline}

` : "}

${createSocialShare()}

${authorHtml}
${displayDate}

${article.content}

${article.isPressRelease ? " : article.isSponsored ? `

` : `

`}

`;
}

function createDesktopArticle(article, sidebarAdHtml) {
const editorSlug = article.editor ? article.editor.toLowerCase().replace(/\s+/g, '-') : ";
const displayDate = getDisplayDate(article);
const captionHtml = article.imageCaption ? `

${article.imageCaption}

` : ";
const categoriesHtml = article.categories.map((cat, i) => {
const separator = i < article.categories.length – 1 ? '|' : ";
return `${cat}${separator}`;
}).join(");
const desktopAuthorHtml = article.isPressRelease ? " : `
`;

return `

${categoriesHtml}

${captionHtml}

`;
}

function loadMoreArticles() {
if (isLoading || !hasMore) return;

isLoading = true;
loadingText.classList.remove('hidden');

// 為 AJAX 請求建立表單資料
const formData = new FormData();
formData.append('action', 'cb_lovable_load_more');
formData.append('current_post_id', lastLoadedPostId);
formData.append('primary_cat_id', primaryCatId);
formData.append('before_date', lastLoadedDate);
formData.append('loaded_ids', loadedPostIds.join(','));

fetch(ajaxUrl, {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
isLoading = false;
loadingText.classList.add('hidden');

if (data.success && data.has_more && data.article) {
const article = data.article;
const sidebarAdHtml = data.sidebar_ad_html || ";

// 檢查重複項目
if (loadedPostIds.includes(article.id)) {
console.log('檢測到重複文章,跳過:', article.id);
// 更新分頁變數並再次嘗試
lastLoadedDate = article.publishDate;
loadMoreArticles();
return;
}

// 新增至行動版容器
mobileContainer.insertAdjacentHTML('beforeend', createMobileArticle(article));

// 使用最新廣告 HTML 新增至桌面版容器
desktopContainer.insertAdjacentHTML('beforeend', createDesktopArticle(article, sidebarAdHtml));

// 更新追蹤變數
loadedPostIds.push(article.id);
lastLoadedPostId = article.id;
lastLoadedDate = article.publishDate;

// 執行新內容中的任何內聯腳本（用於廣告）
const newArticle = desktopContainer.querySelector(`article[data-article-id="${article.id}"]`);
if (newArticle) {
const scripts = newArticle.querySelectorAll('script');
scripts.forEach(script => {
const newScript = document.createElement('script');
if (script.src) {
newScript.src = script.src;
} else {
newScript.textContent = script.textContent;
}
document.body.appendChild(newScript);
});
}

// 如果可用,觸發 Ad Inserter
if (typeof ai_check_and_insert_block === 'function') {
ai_check_and_insert_block();
}

// 如果可用,觸發 Google Publisher Tag 重新整理
if (typeof googletag !== 'undefined' && googletag.pubads) {
googletag.cmd.push(function() {
googletag.pubads().refresh();
});
}

} else if (data.success && !data.has_more) {
hasMore = false;
endText.classList.remove('hidden');
} else if (!data.success) {
console.error('AJAX 錯誤:', data.error);
hasMore = false;
endText.textContent="載入更多文章時發生錯誤";
endText.classList.remove('hidden');
}
})
.catch(error => {
console.error('提取錯誤:', error);
isLoading = false;
loadingText.classList.add('hidden');
hasMore = false;
endText.textContent="載入更多文章時發生錯誤";
endText.classList.remove('hidden');
});
}

// 設定 IntersectionObserver
const observer = new IntersectionObserver(function(entries) {
if (entries[0].isIntersecting) {
loadMoreArticles();
}
}, { threshold: 0.1 });

observer.observe(loadingTrigger);
})();