「補助」の記事一覧

11月 20, 2025

ユーザーネーム自動生成ツール

11月 19, 2025

CSV/JSON→TOON変換ツール

7月 30, 2024

地域キーワード生成ツール

7月 29, 2024

キーワード掛け合わせツール

7月 25, 2024

リストAからリストBの除外・重複抽出ツール

7月 24, 2024

差分チェックツール

7月 23, 2024

テキスト置換ツール

7月 22, 2024

重複キーワード除去ツール

7月 16, 2024

キーワード正規化ツール

7月 12, 2024

文字数カウントツール

4月 26, 2024

競合サイト / 自サイトのキーワード重複除去ツール

${data.displayName}

推定流入数 ${data.traffic}

前年比 ${changeText}

キーワード数 ${keywordCountFormatted}件

`; return slide; } // スライダーを初期化 function initDomainSlider() { // データを2倍に複製 const doubledData = [...domainData, ...domainData]; doubledData.forEach((data) => { const slide = createDomainSlide(data); sliderTrack.appendChild(slide); setTimeout(() => { const canvas = slide.querySelector('.slide-mini-chart'); if (canvas) { drawMiniChart(canvas, data.monthlyData); } }, 0); }); } // スムーズなループアニメーション（ドメインスライダー用） function startDomainSliderAnimation() { let position = 0; const speed = 0.5; // ピクセル/フレーム function animate() { position -= speed; // トラックの幅の半分（元のデータ分）を超えたら、位置をリセット const halfWidth = sliderTrack.scrollWidth / 2; if (Math.abs(position) >= halfWidth) { position = 0; } sliderTrack.style.transform = `translateX(${position}px)`; requestAnimationFrame(animate); } animate(); } // WPサムネイル画像スライダーを生成 function initCaseThumbnails() { // データを2倍に複製 const doubledIds = [...wpPostIds, ...wpPostIds]; doubledIds.forEach((postId) => { const thumb = document.createElement('a'); thumb.className = 'case-thumb'; thumb.href = `https://rakkokeyword.com/techo/?p=${postId}`; thumb.target = '_blank'; const icon = document.createElement('div'); icon.className = 'external-link-icon'; thumb.appendChild(icon); const img = document.createElement('img'); // WP REST APIでアイキャッチ画像を取得 fetch(`https://rakkokeyword.com/techo/wp-json/wp/v2/posts/${postId}`). then((response) => response.json()). then((data) => { if (data.featured_media) { return fetch(`https://rakkokeyword.com/techo/wp-json/wp/v2/media/${data.featured_media}`); } }). then((response) => response?.json()). then((media) => { if (media?.media_details?.sizes?.medium_large?.source_url) { img.src = media.media_details.sizes.medium_large.source_url; } else if (media?.source_url) { img.src = media.source_url; } }). catch((error) => { // フォールバック画像 img.src = `https://via.placeholder.com/640x360/667eea/ffffff?text=Case+${postId}`; }); img.alt = `事例 ${postId}`; thumb.appendChild(img); caseThumbnailsTrack.appendChild(thumb); }); } // スムーズなループアニメーション（成果事例用） function startCaseThumbnailsAnimation() { let position = 0; const speed = 0.3; // ピクセル/フレーム（ドメインより少し遅く） function animate() { position -= speed; // トラックの幅の半分（元のデータ分）を超えたら、位置をリセット const halfWidth = caseThumbnailsTrack.scrollWidth / 2; if (Math.abs(position) >= halfWidth) { position = 0; } caseThumbnailsTrack.style.transform = `translateX(${position}px)`; requestAnimationFrame(animate); } animate(); } // ポップアップを表示 function showPopup() { if (canShowPopup()) { popup.classList.add('show'); markPopupShown(); } } // ポップアップを閉じる function closePopup() { popup.classList.remove('show'); } // 離脱検知（ブラウザバーに触れる - PC用） let hasShownPopup = false; document.addEventListener('mouseleave', function (e) { // マウスが完全にドキュメントの外に出た場合（上方向） if (e.clientY <= 0 && !hasShownPopup) { showPopup(); hasShownPopup = true; } }); // 戻るボタン検知（PC & スマホ共通） // historyにダミーエントリを追加 if (window.history && window.history.pushState) { window.history.pushState({ rk_popup: true }, ''); window.addEventListener('popstate', function (e) { if (!hasShownPopup) { showPopup(); hasShownPopup = true; // 再度pushして、ポップアップを閉じた後も戻るボタンが機能するように setTimeout(() => { window.history.pushState({ rk_popup: true }, ''); }, 100); } }); } closeBtn.addEventListener('click', closePopup); // 背景クリックで閉じる popup.addEventListener('click', function (e) { if (e.target === popup) { closePopup(); } }); // ドメイン検索 function searchDomain(domain) { window.open(`https://rakkokeyword.com/result/influxKeywords?targets%5B%5D=${encodeURIComponent(domain)}&matchTypes%5B%5D=domain&tagsTab=keyword&searchMode=individual`, '_blank'); } searchBtn.addEventListener('click', function () { const domain = popupInput.value.trim() || 'amazon.co.jp'; searchDomain(domain); }); popupInput.addEventListener('keypress', function (e) { if (e.key === 'Enter') { const domain = popupInput.value.trim() || 'amazon.co.jp'; searchDomain(domain); } }); // 初期化 initDomainSlider(); initCaseThumbnails(); // DOMが完全に構築されてからアニメーション開始 setTimeout(() => { startDomainSliderAnimation(); startCaseThumbnailsAnimation(); }, 100); // 手動表示用の関数をグローバルに公開 window.showRKExitPopup = function () { showPopup(); }; })();