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);
});
}

// 如果可用,触发广告插入器
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);
})();