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