AnyInSite
Free Tools
Shopify Tools
Store Info Checker
Store Collections Checker
Store Products Checker
Services
AD Sevices
Google Ads Agency
Tiktok Ads Agency
Facebook Ads Agency
Blog
Shopify
Login
Register
cykeorfid.com
Charged Portable USB/WirelessUHF RFID Handheld Reader10000mAh power supply, Bluetooth, support iOS
<div class="col col-12 d-flex align-items-center my-1"> <div class="col-1 pe-0"><span class="fw-bold">Social</span></div> <div class="col-11 px-0"> N/A </div> </div> <div class="col col-12 d-flex align-items-center my-1"> <div class="col-1 pe-0"><span class="fw-bold">App</span></div> <div class="col-11 px-0"> <div class="row"> </div> </div> </div> <div class="col col-12 d-flex align-items-center my-1 d-none"> <div class="col-1 pe-0"><span class="fw-bold">Category</span></div> <div class="col-11 px-0"></div> </div> </div> <div class="col-3"> <div class="card"> <div class="card-header h6 fw-normal text-bg-dark py-1"> <i class="bi bi-cash-coin me-1"></i>Monetization </div> <div class="card-body py-1 d-flex justify-content-between align-items-center position-relative"> <span id="monetization">Unknown</span> </div> </div> </div> </div> <div class="row my-1"> <div class="col col-12"> <div class="card"> <div class="card-header h6 fw-normal text-bg-dark py-1"><i class="bi bi-globe me-1"></i>Domain Information</div> <div class="card-body p-1"> <div class="row"> <div class="col-3"> <div class="card rounded-0" id="whois"> </div> </div> <div class="col-9"> <div class="card rounded-0" id="dns"></div> </div> </div> </div> </div> </div> </div> <div class="row mt-1"> <div class="col col-12"> <div class="card"> <div class="card-header h6 fw-normal text-bg-dark py-1"><i class="fa fa-line-chart me-1"></i>Site Overview</div> <div class="card-body p-1"> <div class="row small"> <div class="col col-3"> <div class="card rounded-0"> <div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Site Engagments</h6> <div class="row"> <div class="col-5"> <div class="d-inline-flex flex-column align-items-center"> <div class="position-relative d-flex align-items-center justify-content-center"> <svg viewBox="0 0 36 36" class="w-75 h-75" style="transform: rotate(180deg);"> <path class="text-light" stroke="currentColor" stroke-width="3" fill="none" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" /> <path class="text-primary" stroke="currentColor" stroke-width="3" stroke-linecap="round" fill="none" stroke-dasharray="41.43, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" /> </svg> <div class="position-absolute text-center"> <span class="h6 fw-bold mb-0">41.43%</span> </div> </div> <div class="mt-2"> <span class="text-muted small" style="letter-spacing: 1px;">Bounce Rate</span> </div> </div> </div> <div class="col-7"> <div class="col d-flex align-items-center small my-2"> <div class="col-7 pe-0">Pages Per Visit</div> <div class="col-5 px-0 text-end">2</div> </div> <div class="col d-flex align-items-center small my-2"> <div class="col-7 pe-0">Total Visits</div> <div class="col-5 px-0 text-end">20.7K</div> </div> <div class="col d-flex align-items-center small my-2"> <div class="col-7 pe-0">Time on Site</div> <div class="col-5 px-0 text-end">00:01:03</div> </div> </div> </div> </div> </div> </div> <div class="col col-3"> <div class="card rounded-0"> <div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Traffic Sources</h6> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Social</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="4.9764437312153" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 4.98%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 4.98% </small> </div> </div> </div> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Paid</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="1.1456532143132" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 1.15%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 1.15% </small> </div> </div> </div> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Mail</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="0.10427933073369" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 0.10%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 0.10% </small> </div> </div> </div> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Referrals</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="9.2964909448785" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 9.30%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 9.30% </small> </div> </div> </div> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Search</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="62.452455528554" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 62.45%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 62.45% </small> </div> </div> </div> <div class="col d-flex align-items-center small"> <div class="col-3 pe-0">Direct</div> <div class="col-9 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="21.619504481271" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 21.62%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 21.62% </small> </div> </div> </div> </div> </div> </div> <div class="col col-3"> <div class="card rounded-0"> <div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Traffic Top 5 Country</h6> <div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/us' style='width:16px;' title='US'></div> <div class="col-10 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="1459.9759150686" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 14.60%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 14.60% </small> </div> </div> </div> <div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/id' style='width:16px;' title='ID'></div> <div class="col-10 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="1329.8343847252" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 13.30%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 13.30% </small> </div> </div> </div> <div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/tr' style='width:16px;' title='TR'></div> <div class="col-10 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="851.91014328888" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 8.52%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 8.52% </small> </div> </div> </div> <div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/ph' style='width:16px;' title='PH'></div> <div class="col-10 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="823.30090690616" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 8.23%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 8.23% </small> </div> </div> </div> <div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/vn' style='width:16px;' title='VN'></div> <div class="col-10 px-0"> <div class="progress position-relative" role="progressbar" aria-valuenow="752.36704137702" aria-valuemin="0" aria-valuemax="100"> <div class="progress-bar bg-info" style="width: 7.52%"></div> <small class="position-absolute end-0 w-100 text-end pe-2 top-50 start-0 translate-middle-y" style="font-size: 0.75rem; pointer-events: none;"> 7.52% </small> </div> </div> </div> </div> </div> </div> <div class="col col-3"> <div class="card rounded-0"> <div id="score" class="card-body p-1"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row mt-1"> <div class="col col-12"> <div class="card"> <div class="card-header h6 fw-normal text-bg-dark py-1"><i class="bi bi-badge-ad me-1"></i>Google Ads Overview</div> <div class="card-body p-1"> <div id="ads_info" class="row small"></div> </div> <div class="card-footer text-end small fw-light p-1 py-0"> Data provided by <a href="https://polecreative.com/" target="_blank" rel="nofollow">PoleCreative</a> </div> </div> </div> </div> <div class="row mt-1"> <div class="col col-12"> <div class="card"> <div class="card-header h6 fw-normal text-bg-dark py-1"><i class="bi bi-search me-1"></i>Google SEO Overview</div> <div class="card-body p-1"> <div class="row small"> <div class="col-5"> <div class="card rounded-0"> <div id="seo_top5_competitor" class="card-body p-1"></div> </div> <div class="card mt-1 rounded-0"> <div id="seo_top5_keyword" class="card-body p-1"></div> </div> <div class="card mt-1 rounded-0"> <div id="seo_top5_page" class="card-body p-1"></div> </div> </div> <div class="col-7"> <div class="card"> <div id ="google_index_results" class="card-body p-1"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row my-3"> <h5>Posts</h5> <div class="col-12"> <table class="table table-sm"> <tr><th>Title</th><th>Author</th><th>View</th><th>Comments</th><th>Last Update</th></tr> </table> </div> </div> </div> <script> $(function() { const popoverInstance = bootstrap.Popover.getOrCreateInstance('#btnMonetizationUpdate'); $(document).on('click', '.monetization-update-btn', function() { const monetization = $(this).text(); $.ajax({ url: '/sites/updateMonetization', type: 'POST', data: { domain: 'cykeorfid.com', monetization: monetization }, dataType: 'json', success: function(res) { if (res.code == 0) { $("#monetization").text(res.monetization); } else { alert('提交失败！' + res.msg); } popoverInstance.hide(); }, error: function(xhr, status, err) { popoverInstance.hide(); alert('提交失败，请重试！'); } }); }); }); </script> <script> $(function() { const domain = 'cykeorfid.com'; const topTrafficCountry='US'; function sendAjax(options, successCallback) { $.ajax({ url: options.url, type: options.type, data: options.data, dataType: "json", beforeSend: function() { // 加载中提示 successCallback({ loading: true }); }, success: function(res) { successCallback({ loading: false, data: res}); }, error: function(xhr, status, error) { console.error(`请求失败：`, error); successCallback({ loading: false, error: true}); } }); } //请求 WHOIS 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'whois',domain: domain} }, function(res) { const $whois = $('#whois'); if (res.loading) { $whois.html(`<div class="text-center text-muted p-2">加载WHOIS数据中...</div>`); return; } if (res.error) { $whois.html(`<div class="text-center text-danger p-2">获取WHOIS数据失败</div>`); return; } const data = res.data; if (data.code === 200 && data.data && data.data.whois) { $whois.html(` <div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">WHOIS</h6> <div class="row"> <div class="col-4 small d-flex align-items-center justify-content-center"> <span>Date</span> </div> <div class="col-8 small"> <div class="card"> <div class="card-body p-1 py-0"> <div class="d-flex justify-content-between align-items-center position-relative"> <div class="position-absolute border-top w-100" style="top: 50%; left: 0; z-index: 0; border-width: 2px !important;"></div> ${data.data.whois.created ? `<div class="text-center position-relative" style="z-index: 1;"> <div class="mb-0 small text-secondary">Created</div> <div class="rounded-circle bg-primary mx-auto" style="width: 20px; height: 20px; border: 4px solid #fff;"></div> <div class="mt-0 text-muted small">${data.data.whois.created}</div> </div>` : '' } </div> </div> </div> </div> </div> ${data.data.whois.nameserver && data.data.whois.nameserver.length > 0 ? `<div class="row mt-1"> <div class="col-4 small d-flex align-items-center justify-content-center"> <span>Nameservers</span> </div> <div class="col-8 small"> <div class="card"> <div class="card-body p-1 py-0"> ${data.data.whois.nameserver.map((item) => ` <div class="text-start"> <span class="small text-muted">${(item || '').toLowerCase()}</span> </div> `).join('')} </div> </div> </div> </div>` : '' } </div> <div class="card-footer small p-1 py-0"> Registrar: ${ data.data.whois?.accredited_registrar?.url && data.data.whois.accredited_registrar?.name ? `<a href="${data.data.whois.accredited_registrar.url}" target="_blank" rel="nofollow" class="text-decoration-none small">${data.data.whois.accredited_registrar.name}</a>` : (data.data.whois?.registrar?.name || '') } ${ data.data.whois?.accredited_registrar?.countryCode ? `<i class="fa fa-map-marker-alt ms-1 me-1"></i>${data.data.whois.accredited_registrar.countryCode}` : '' } </div> `); }else{ $whois.html(`<div class="text-center text-muted p-2">暂无WHOIS数据</div>`); } }); //请求 dns 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'dns',domain: domain} }, function(res) { const $el = $('#dns'); if (res.loading) { $el.html(`加载中...`); return; } if (res.error || !res.data || !res.data.data.dnsRecords) { $el.html(`暂无DNS数据`); return; } const dnsRecords = res.data.data.dnsRecords; let dnsHtml = ` <div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">DNS Records</h6> <div class="card-body p-0">`; if (dnsRecords && Object.keys(dnsRecords).length > 0) { for (const dnsRecordType in dnsRecords) { const dnsRecord = dnsRecords[dnsRecordType]; //（根据类型设置列宽） let dnsColClass = ''; if (dnsRecordType === "A" || dnsRecordType === "NS") { dnsColClass = "col-3"; } else if (dnsRecordType === "AAAA" || dnsRecordType === "MX") { dnsColClass = "col-4"; } else { dnsColClass = "col-6"; } // 拼接DNS类型行 dnsHtml += ` <div class="row"> <div class="col-1 d-flex align-items-center justify-content-center"> <span class="small">${dnsRecordType}</span> </div> <div class="col-11"> <div class="row mt-1"> <div class="col col-12"> <div class="card"> <div class="card-body px-1 py-0"> <div class="row">`; // （判断是否有providers） const hasProviders = dnsRecord.hasOwnProperty('providers') && dnsRecord.providers.length > 0; dnsHtml += hasProviders ? `<div class="col-9">` : `<div class="col-12">`; dnsHtml += `<div class="row">`; for (const key in dnsRecord) { if (key === "providers") continue; const record = dnsRecord[key]; dnsHtml += ` <div class="${dnsColClass} my-1"> <div class="card small"> <div class="card-body p-1 py-0 small">`; // 不同DNS类型的渲染逻辑 if (dnsRecordType === "A") { // A记录：IP + 国家码 dnsHtml += ` <div class="d-flex justify-content-between"> <span>${record.value || ''}</span> <span><i class="fa fa-map-marker-alt me-1"></i>${record.ipinfo?.countryCode || ''}</span> </div>`; } else if (dnsRecordType === "NS" || dnsRecordType === "MX") { // NS/MX记录：处理GROUP逻辑 if (record.type === "group") { const groupName = key; const groupRecords = record.records || []; if (groupRecords.length === 1) { dnsHtml += `${groupRecords[0].value || ''}`; } else { // GROUP提示（tooltip） let tooltipHtml = ''; groupRecords.forEach(groupRecord => { tooltipHtml += `<span>${groupRecord.value || ''}</span><br>`; }); dnsHtml += ` <span data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true" data-bs-custom-class="custom-tooltip" data-bs-title='${tooltipHtml}'> <span class="badge bg-warning-subtle text-muted me-1">GROUP (${groupRecords.length})</span>${groupName} </span>`; } } else { dnsHtml += `${record.value || ''}`; } } else if (dnsRecordType === "TXT") { // TXT记录：处理GROUP + provider if (record.type === "group") { const groupName = key; const groupRecords = record.records || []; dnsHtml += `<div class="d-flex justify-content-between">`; if (groupRecords.length === 1) { dnsHtml += `<span>${groupRecords[0].value || ''}</span>`; } else { let tooltipHtml = ''; groupRecords.forEach(groupRecord => { tooltipHtml += `<span>${groupRecord.value || ''}</span><br>`; }); dnsHtml += ` <span data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true" data-bs-custom-class="custom-tooltip" data-bs-title='${tooltipHtml}'> <span class="badge bg-warning-subtle text-muted me-1">GROUP (${groupRecords.length})</span>${groupName} </span> `; } dnsHtml += `<span class="badge text-bg-info fw-normal">${record.provider || ''}</span></div>`; } else { dnsHtml += `${record.value || ''}`; } } else { // 其他类型：直接显示value dnsHtml += `${record.value || ''}`; } dnsHtml += ` </div> </div> </div>`; } dnsHtml += `</div>`; // 关闭row（记录列表） dnsHtml += `</div>`; // 关闭col-9/col-12 // 渲染providers侧边栏 if (hasProviders) { dnsHtml += ` <div class="col-3"> <div class="card text-bg-info mt-1"> <div class="card-body p-1 py-0 small">`; dnsRecord.providers.forEach(provider => { dnsHtml += `<div class="small text-start">${provider}</div>`; }); dnsHtml += ` </div> </div> </div>`; } // 关闭嵌套的div dnsHtml += ` </div> </div> </div> </div> </div> </div> </div> `; } } // 关闭外层div dnsHtml += ` </div> </div> `; // 渲染到页面 $el.html(dnsHtml); // 启用 tooltip（必须加） setTimeout(()=>{ document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(e=>new bootstrap.Tooltip(e)); },100); }); //请求 seo 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'seo',domain: domain,country: topTrafficCountry || 'US'} }, function(res) { //const $seoC = $('#seo_top5_competitor'); const $seoK = $('#seo_top5_keyword'); const $seoP = $('#seo_top5_page'); //const $googleIR = $('#google_index_results'); if (res.loading) { //$seoC.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); $seoK.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); $seoP.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); //$googleIR.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); return; } if (res.error) { //$seoC.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoK.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoP.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); //$googleIR.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); return; } const data = res.data; if (data.code === 200 && data.data) { /*$seoC.html(` <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Competitors (${topTrafficCountry})</h6> ${data.data.top5organicCompetitors && data.data.top5organicCompetitors.length > 0 ? data.data.top5organicCompetitors.map((item) => ` <div class="small my-1"> <img src="https://img.polecreative.com/favicon/${item.domain}" width="16" height="16" class="rounded me-1"> <a href="/sites/${item.domain}" target="_blank" class="text-decoration-none"><span>${item.domain}</span></a> </div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } `);*/ $seoK.html(` <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Keywords (${topTrafficCountry})</h6> ${data.data.top5keywords && data.data.top5keywords.length > 0 ? data.data.top5keywords.map((item) => ` <div class="card my-1"> <div class="card-body p-1 py-0"> <div><span>${item.keyword}</span></div> <div class="small"> <i class="bi bi-arrow-return-right"></i> <span class="badge bg-warning me-1">TopPage</span><a href="${item.topRankedUrl}" target="_blank" rel="nofollow" class="text-decoration-none">${item.topRankedUrl}</a> </div> </div> </div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } `); $seoP.html(` <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Pages (${topTrafficCountry})</h6> ${data.data.top5pages && data.data.top5pages.length > 0 ? data.data.top5pages.map((item) => ` <div class="card my-1"> <div class="card-body p-1 py-0"> <div><span><a href="${item.url}" target="_blank" rel="nofollow" class="text-decoration-none">${item.url}</a></span></div> <div class="small"> <i class="bi bi-arrow-return-right"></i> <span class="badge bg-warning me-1">TopKeyword</span>${item.topKeyword} </div> </div> </div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } `); }else{ //$seoC.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoK.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoP.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); //$googleIR.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); } }); //请求 ads 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'ads',domain: domain,country: topTrafficCountry || 'US'} }, function(res) { const $ads = $('#ads_info'); const $seoC = $('#seo_top5_competitor'); if (res.loading) { $ads.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); $seoC.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); return; } if (res.error) { $ads.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoC.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); return; } const data = res.data; if (data.code === 200 && data.data) { $ads.html(` ${data.data.googleAdsSummary && Object.keys(data.data.googleAdsSummary || {}).length > 0 ? // 非空时渲染的HTML内容 `<div class="col col-2"><div class="card rounded-0"><div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Competitors (${topTrafficCountry})</h6> ${data.data.top5paidCompetitors && data.data.top5paidCompetitors.length > 0 ? data.data.top5paidCompetitors.map((item) => ` <div class="small my-1"> <img src="https://img.polecreative.com/favicon/${item.domain}" width="16" height="16" class="rounded me-1"> <a href="/sites/${item.domain}" target="_blank" class="text-decoration-none"><span>${item.domain}</span></a> </div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } </div></div></div> <div class="col col-3"><div class="card rounded-0"><div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Keywords (${topTrafficCountry})</h6> ${data.data.top5paidKeywords && data.data.top5paidKeywords.length > 0 ? data.data.top5paidKeywords.map((item) => ` <div class="small my-1"><span>${item.keyword}</span></div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } </div></div></div> <div class="col-2"><div class="d-flex flex-column align-items-center text-center"> <div class="d-flex align-items-center justify-content-center rounded-circle border border-success-subtle border-5" style="width: 100px; height: 100px;"> <span class="h3 mb-0 fw-normal text-default">${data.data.googleAdsSummary[4]}</span> </div> <div class="mt-3"> <p class="fw-semibold text-muted small mb-0" style="letter-spacing: 1px;">Ads shown in the past year</p> </div> </div></div> <div class="col-2"><div class="d-flex flex-column align-items-center text-center"> <div class="d-flex align-items-center justify-content-center rounded-circle border border-success-subtle border-5" style="width: 100px; height: 100px;"> <span class="h6 mb-0 fw-normal text-default">${data.data.googleAdsSummary[1][0]["last_shown"]}</span> </div> <div class="mt-3"> <p class="fw-semibold text-muted small mb-0" style="letter-spacing: 1px;">Last shown time</p> </div> </div></div> <div class="col col-3"><div class="card rounded-0"><div class="card-body p-1"> <h6 class="card-subtitle small mb-1 text-body-secondary text-start">Top 5 Advertisers</h6> ${data.data.googleAdsTopAdvertisers && data.data.googleAdsTopAdvertisers.length > 0 ? data.data.googleAdsTopAdvertisers.map((item) => ` ${item.domains && item.domains.length > 0 ? `<div class="col align-items-center small my-1"> <div class="d-flex align-items-center w-100 text-decoration-none" data-bs-toggle="collapse" data-bs-target="#${item["id"]}" aria-expanded="false" aria-controls="${item["id"]}" style="background-color: #f8f9fa;"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/${(item["disclosureCountry"] || '').toLowerCase()}' style='width:16px;' title='${item["disclosureCountry"]}'></div> <div class="col-9 px-0 small text-start" >${item["advertiserName"]}(${item.domains.length})</div> <i class="bi bi-chevron-down ms-2" style="font-size:12px;"></i> </div> <div id="${item["id"]}" class="collapse mt-1 card"> <div class="ps-3 pe-0"> ${item.domains.map(domain => ` <div class="py-1 small text-muted"> <a href="/sites/${domain.domain}" target="_blank" class="text-decoration-none"><span>${domain.domain}</span></a> </div> `).join('') } </div> </div> </div>`: `<div class="col d-flex align-items-center small my-1"> <div class="col-2 pe-0"><img src='https://img.polecreative.com/flag/${(item["disclosureCountry"] || '').toLowerCase()}' style='width:16px;' title='${item["disclosureCountry"]}'></div> <div class="col-10 px-0 small text-start">${item["advertiserName"]}</div></div> ` } `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } </div></div></div> ` : `<div class="col-12 text-center"><i class="bi bi-exclamation-circle text-warning me-1"></i>No ads shown in the past year.</div>` } `); $seoC.html(` <h6 class="card-subtitle small mb-1 text-body-secondary">Top 5 Competitors (${topTrafficCountry})</h6> ${data.data.top5organicCompetitors && data.data.top5organicCompetitors.length > 0 ? data.data.top5organicCompetitors.map((item) => ` <div class="small my-1"> <img src="https://img.polecreative.com/favicon/${item.domain}" width="16" height="16" class="rounded me-1"> <a href="/sites/${item.domain}" target="_blank" class="text-decoration-none"><span>${item.domain}</span></a> </div> `).join('') : `<div class="text-center text-muted p-2">暂无数据</div>` } `); }else{ $ads.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); $seoC.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); } }); //请求 score 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'score',domain: domain} }, function(res) { const $score = $('#score'); if (res.loading) { $score.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); return; } if (res.error) { $score.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); return; } const data = res.data; if (data.code === 200 && data.data) { $score.html(` <h6 class="card-subtitle small mb-1 text-body-secondary">Review Score</h6> ${data.data.trustPilot ? `<div class="d-flex align-items-center pt-2 pb-3"> <span class="h4 fw-bold mb-0 me-2 text-dark">${Number(data.data.trustPilot?.score?.trustScore || 0).toLocaleString(undefined, {minimumFractionDigits:1, maximumFractionDigits:1})}</span> <div class="text-warning me-2" style="font-size: 0.9rem;"> ${Array.from({length:5}, (_, i) => { // 修正 TP 原 end=6 为 5 星（符合常规评分逻辑） const starIndex = i + 1; const trustScore = data.data.trustPilot?.score?.trustScore || 0; if (starIndex <= trustScore) { return '<i class="bi bi-star-fill"></i>'; } else if (starIndex - trustScore < 1) { return '<i class="bi bi-star-half"></i>'; } else { return '<i class="bi bi-star"></i>'; } }).join('')} </div> ${data.data.trustPilot.numberOfReviews !== undefined ? `<span class="text-muted small border-start ps-2"> <i class="bi bi-chat-left-text me-1"></i>${Number(data.data.trustPilot.numberOfReviews).toLocaleString()} Reviews </span>` : '' } </div>` : 'Unknown' } `); } }); //请求 Google Indexing Results Overview 数据并渲染 sendAjax({ url: '/sites/siteInfo', type: 'POST', data: {infotype: 'googleIR',domain: domain,country: topTrafficCountry || 'US'} }, function(res) { const $googleIR = $('#google_index_results'); if (res.loading) { $googleIR.html(`<div class="text-center text-muted p-2">加载数据中...</div>`); return; } if (res.error) { $googleIR.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); return; } const data = res.data; if (data.code === 200 && data.data) { const googleIndexingResults = Array.isArray(data.data.googleIndexingResults) ? data.data.googleIndexingResults // 原本就是数组，直接用 : Object.values(data.data.googleIndexingResults || {}); // 是对象，转成值数组 $googleIR.html(` <div class="d-flex justify-content-between align-items-center position-relative mb-1"> <h6 class="card-subtitle small mb-1 text-body-secondary">Google Indexing Results Overview(About ${data.data.googleIndexingCount ? `<span class="fw-bold">${Number(data.data.googleIndexingCount).toLocaleString()}</span>` : 'Unknown'}Results)</h6> ${googleIndexingResults.length > 0 ? `<a class="small" href="https://www.google.com/search?q=site:cykeorfid.com" target="_blank" rel="nofollow">View Google Live Search Results</a>` : ''} </div> ${googleIndexingResults.length > 0 ? googleIndexingResults.map((item) => `<div class="card my-1"><div class="card-body p-1 py-0"> <div class="row"> <div class="col-1 d-flex align-items-center justify-content-center"><span>${item.position}</span></div> <div class="col-11 small"> <p class="m-0 fw-bold text-body-secondary">${item.title}</p> <p class="m-0 text-truncate"><a href="${item.link}" target="_blank;" rel="nofollow" class="text-decoration-none">${item.link}</a></p> <p class="m-0 text-truncate">${item.snippet}</p> </div> </div> </div></div>`).join('') : `<div class="text-center text-muted p-2">暂无数据</div>`} `); }else{ $googleIR.html(`<div class="text-center text-danger p-2">获取数据失败</div>`); } }); }); </script> </div> <div class="mobile-menu d-md-none"> <button class="mobile-menu-close"><i class="bi bi-x-lg"></i></button> <div class="mobile-menu-content"> </div> </div> <footer class="footer-container"> <div class="footer-content"> <div class="footer-grid"> <div class="footer-section"> <h3>Service</h3> <ul> <li><a href="javascript:void();">About Us</a></li> </ul> </div> <div class="footer-section"> <h3>Contact</h3> <ul> <li> <img src="https://img.icons8.com/?size=25&id=12580&format=png&color=000000" class="p-1 bg-white me-2" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" data-bs-title="support@anyinsite.com"> </li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2025 AnyInSite. All rights reserved.</p> </div> </div> </footer> <style> .footer-container { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); padding: 40px 0 20px; margin-top: 40px; color: white; } .footer-content { max-width: 1200px; margin: 0 auto; padding: 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-bottom: 40px; } .footer-section h3 { font-size: 16px; color: white; margin-bottom: 15px; position: relative; padding-bottom: 8px; } .footer-section h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 25px; height: 2px; background: var(--accent-color); } .footer-section ul { list-style: none; padding: 0; margin: 0; } .footer-section ul li { margin-bottom: 10px; } .footer-section ul li a { color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: 14px; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; } .footer-section ul li a i { font-size: 16px; width: 16px; text-align: center; } .footer-section ul li a:hover { color: var(--accent-color); padding-left: 5px; } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-bottom p { color: rgba(255, 255, 255, 0.8); font-size: 14px; margin: 0; } @media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; gap: 30px; } .footer-section { text-align: center; } .footer-section h3::after { left: 50%; transform: translateX(-50%); } } </style> <script> document.addEventListener('DOMContentLoaded', function() { const mobileMenuToggle = document.querySelector('.mobile-menu-toggle'); const mobileMenu = document.querySelector('.mobile-menu'); const mobileMenuClose = document.querySelector('.mobile-menu-close'); const dropdownToggles = document.querySelectorAll('.mobile-menu .dropdown-toggle'); if (mobileMenuToggle && mobileMenu) { mobileMenuToggle.addEventListener('click', function() { mobileMenu.classList.add('active'); document.body.style.overflow = 'hidden'; }); mobileMenuClose.addEventListener('click', function() { mobileMenu.classList.remove('active'); document.body.style.overflow = ''; }); dropdownToggles.forEach(function(toggle) { toggle.addEventListener('click', function(e) { e.preventDefault(); this.classList.toggle('active'); }); }); } $('[data-bs-toggle="tooltip"]').tooltip(); }); </script> </body> </html>
cykeorfid.com
cykeorfid.com