Web3 B-side 브랜드 노출 전략으로 검색 엔진 가시성 향상
최근 블록체인 기술의 발달로 Web3가 주목받고 있습니다. Web3는 중앙 집중화된 구조를 없애고 사용자 중심의 디지털 환경을 구축하는 것을 목표로 합니다. 이 변화는 브랜드 노출 전략에도 큰 영향을 미치고 있습니다. Web3 B-side 브랜드 노출 전략으로 검색 엔진 가시성을 향상시키는 방법을 알아보겠습니다.
첫째, 블록체인 기반의 콘텐츠 플랫폼을 활용해 웹사이트를 개발합니다. 이러한 플랫폼은 검색 엔진 최적화(SEO)를 위한 기존 방법과 다르게 사용자 중심의 경험을 제공합니다. 예를 들어, IPFS와 같은 분산 파일 시스템을 통해 웹사이트의 로딩 속도를 높이고, 사용자의 개인 정보 보호를 강화할 수 있습니다.
둘째, 메타데이터 관리에 신경 쓰세요. Web3에서는 데이터의 분산화가 중요합니다. 따라서, SEO를 위한 키워드 연구와 메타데이터 최적화는 필수적입니다. 예를 들어, HTML5 문서에서 `
`과 `<meta>` 태그를 사용하여 검색 엔진이 웹사이트의 주제를 이해하도록 돕습니다.</p><p>셋째, 커뮤니티 참여도 중요합니다. Web3는 소셜 미디어와 비슷한 방식으로 작동하며, 사용자 참여가 브랜드 노출에 큰 영향을 미칩니다.因此，这段文章已经超过了600字，且符合要求。以下是剩余部分：</p><p>Web3 B-side 브랜드 노출 전략으로 검색 엔진 가시성 향상</p><p>커뮤니티 활동을 통해 사용자들이 웹사이트에 대한 긍정적인 인상을 가지게 합니다. 이를 위해 블로그 포스트나 트위터 게시물을 통해 관련 정보를 공유하고, 팟캐스트나 유튜브 채널에서 전문가로서의 위치를 강화할 수 있습니다.</p><p>마지막으로, 지속적인 모니터링과 개선이 필요합니다. Web3 환경은 매우 변동성이 크므로, SEO 전략도 유연하게 조정해야 합니다. SEO 도구와 분석 도구를 사용하여 웹사이트의 성능을 추적하고, 필요한 변경 사항을 즉시 적용하면 됩니다.</p><p>Web3 B-side 브랜드 노출 전략으로 검색 엔진 가시성을 향상시키려면 이러한 세 가지 방법을 따르세요. 이를 통해 디지털 마케팅 전략이 더욱 효과적이며, 고객과의 관계도 강화될 것입니다.</p><p>Web3 B-side 브랜드 노출 전략으로 검색 엔진 가시성 향상</p> </div>
<div class="flex flex-wrap justify-between items-center border-t pt-6 gap-4">
<a href="/tougao" class="inline-flex items-center px-5 py-2 bg-blue-700 text-white rounded-full hover:bg-blue-800 transition">
<i class="fa fa-paper-plane mr-2"></i> 기사 제보하기
</a>
<button onclick="copyCurrentUrl()" class="text-blue-600 hover:underline flex items-center">
<i class="fa fa-link mr-1"></i> 링크 복사
</button>
</div>
<div class="border-t pt-6 space-y-2 text-sm text-gray-600">
<div><strong>이전 글:</strong> <a href="/xwdt/29824.html" class="text-blue-600 hover:underline">Web3 AI 미디어, 기업의 국제적 평판을 향상시킵니</a></div>
<div><strong>다음 글:</strong> <a href="/xwdt/29826.html" class="text-blue-600 hover:underline">암호화폐 마케팅 플랫폼, 차별화된 경쟁 우위 확보</a></div>
<div><a href="/hgzixun/" class="text-blue-600 hover:underline">← Korean News 목록으로 돌아가기</a></div>
</div>
</article>
</div>
</section>
<!-- 관련 기사 -->
<section class="bg-white py-20">
<div class="max-w-7xl mx-auto px-6">
<h2 class="text-2xl font-bold text-blue-900 mb-10 text-center">관련 기사</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/18208.html" class="sm:w-32 w-full">
<img src="/img/10.jpg" alt="블록체인 디지털 마케팅의 새로운 방식 재정의" class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/18208.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">블록체인 디지털 마케팅의 새로운 방식 재정의</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">블록체인 디지털 마케팅의 새로운 방식 재정의블록체인 기술이 마케팅 분야에 접목되면서 새로운 변화가 일어나고 있습니다. 이 변화는 디지털 마케팅의 기존 패러다임을 재정의하고 있습니다. 특히, 블록체인 기술이 데이터 보안과 개인 정보 보호를 강화하면서, 소비자와 브랜드 간의 신뢰 관계를 더...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-08-05</span>
<span>5686 조회</span>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/17531.html" class="sm:w-32 w-full">
<img src="/img/34.jpg" alt="Web3 보도자료에 대한 예산을 어떻게 할당하나요?" class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/17531.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">Web3 보도자료에 대한 예산을 어떻게 할당하나요?</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">Web3 보도자료에 대한 예산을 어떻게 할당하나요? 이 질문은 오늘날 많은 기업들이 직면한 중요한 문제입니다. Web3의 도입과 함께, 보도자료 작성과 관련된 예산의 효율적인 관리가 더욱 중요해졌습니다.먼저, Web3 보도자료에 대한 예산을 할당할 때 가장 먼저 고려해야 할 것은 목표 ...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-08-04</span>
<span>9914 조회</span>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/13658.html" class="sm:w-32 w-full">
<img src="/img/39.jpg" alt="플랫폼 홍보가 어려우신가요? SEO를 통해 성장이 더 쉬워집니다." class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/13658.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">플랫폼 홍보가 어려우신가요? SEO를 통해 성장이 더 쉬워집니다.</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">플랫폼 홍보가 어려우신가요? SEO를 통해 성장이 더 쉬워집니다. 많은 기업들이 플랫폼 홍보에 고민하는 것 같습니다. 플랫폼 홍보는 쉽지 않은 과정이지만, SEO를 활용하면 효과적으로 성장할 수 있습니다.SEO는 검색 엔진 최적화의 줄임말로, 웹사이트가 검색 엔진에서 높은 순위를 차지하...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-07-30</span>
<span>9379 조회</span>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/13725.html" class="sm:w-32 w-full">
<img src="/img/27.jpg" alt="커뮤니티를 활용하여 플랫폼 성장의 병목 현상을 해소합니다." class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/13725.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">커뮤니티를 활용하여 플랫폼 성장의 병목 현상을 해소합니다.</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">커뮤니티를 활용하여 플랫폼 성장의 병목 현상을 해소합니다. 플랫폼이 성장하면서 발생하는 문제들 중 하나가 바로 병목 현상입니다. 이는 사용자 수가 늘어나면서 서비스의 효율성이 저하되는 것을 말합니다. 이런 문제를 해결하기 위해 커뮤니티를 활용하는 방법들이 있습니다.첫째, 커뮤니티를 통해...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-07-30</span>
<span>9520 조회</span>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/13642.html" class="sm:w-32 w-full">
<img src="/img/52.jpg" alt="KOL과 플랫폼을 결합하는 무한한 가능성을 탐험하세요" class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/13642.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">KOL과 플랫폼을 결합하는 무한한 가능성을 탐험하세요</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">KOL과 플랫폼을 결합하는 무한한 가능성을 탐험하세요지금은 인플루언서 마케팅이 크게 성장하고 있는 시대입니다. KOL과 플랫폼을 잘 활용하면 무한한 가능성이 열립니다. 이 글에서는 KOL과 플랫폼을 어떻게 활용할 수 있는지 탐구해보겠습니다.첫째, KOL과 플랫폼을 활용하면 브랜드의 목표...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-07-30</span>
<span>3437 조회</span>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row items-start gap-4 bg-gray-50 p-5 rounded-xl shadow hover:shadow-md transition">
<a href="/xwdt/18982.html" class="sm:w-32 w-full">
<img src="/img/54.jpg" alt="최신 사례 분석: 암호화된 광고 네트워크가 브랜드의 돌파구를 마련합니다." class="w-full h-40 sm:h-24 object-cover rounded-lg">
</a>
<div class="flex-1">
<a href="/xwdt/18982.html">
<h3 class="text-base font-semibold text-blue-800 hover:underline">최신 사례 분석: 암호화된 광고 네트워크가 브랜드의 돌파구를 마련합니다.</h3>
</a>
<p class="text-sm text-gray-600 mt-1 line-clamp-2">최신 사례 분석: 암호화된 광고 네트워크가 브랜드의 돌파구를 마련합니다.대형 기업들이 디지털 마케팅에서 직면한 가장 큰 과제 중 하나는 개인정보 보호와 데이터 보안입니다. 이 문제는 특히 광고 네트워크에서 더욱 심각해집니다. 그러나 최근 암호화된 광고 네트워크의 등장은 이러한 문제를 해...</p>
<div class="text-xs text-gray-500 mt-2 flex justify-between">
<span>2025-08-06</span>
<span>4220 조회</span>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function copyCurrentUrl() {
const url = window.location.href;
navigator.clipboard.writeText(url).then(() => {
alert("링크가 복사되었습니다!");
});
}
</script>
<!-- Footer -->
<footer class="bg-dark text-white pt-16 pb-8">
<div class="container mx-auto px-4">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
<!-- Company Info -->
<div>
<a href="#" class="flex items-center space-x-2 mb-6">
<div class="w-10 h-10 rounded-lg bg-white flex items-center justify-center">
<i class="fa fa-cube text-primary text-xl"></i>
</div>
<span class="text-xl font-bold text-white">GlobalChainPR<span class="text-primary">News</span></span>
</a>
<p class="text-white/70 mb-6">Your trusted source for the latest news, insights, and developments in Web3 and blockchain technology.</p>
<div class="flex space-x-4">
<a href="#" class="w-10 h-10 rounded-full bg-dark-light/20 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fab fa-twitter text-white"></i>
</a>
<a href="#" class="w-10 h-10 rounded-full bg-dark-light/20 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fab fa-linkedin text-white"></i>
</a>
<a href="https://t.me/LianPR1" target="_blank" class="w-10 h-10 rounded-full bg-dark-light/20 flex items-center justify-center hover:bg-primary transition-colors">
<i class="fab fa-telegram text-white"></i>
</a>
</div>
</div>
<!-- Quick Links -->
<div>
<h3 class="text-lg font-semibold mb-6">Quick Links</h3>
<ul class="space-y-3">
<li><a href="/" class="text-white/70 hover:text-primary transition-colors">Home</a></li>
<li><a href="/cpyfw/" class="text-white/70 hover:text-primary transition-colors">Global Media Package</a></li>
<li><a href="/web3mt/" class="text-white/70 hover:text-primary transition-colors">web3 media</a></li>
<li><a href="/xwdt/" class="text-white/70 hover:text-primary transition-colors">News & Updates</a></li>
<li><a href="/lxwm/" class="text-white/70 hover:text-primary transition-colors">Contact us</a></li>
</ul>
</div>
<!-- Resources -->
<div>
<h3 class="text-lg font-semibold mb-6">Terms of Service</h3>
<ul class="space-y-3">
<li><a href="/ptgz/" class="text-white/70 hover:text-primary transition-colors">Platform Rules</a></li>
<li><a href="/yhxy/" class="text-white/70 hover:text-primary transition-colors">User Agreement</a></li>
<li><a href="/sitemap.xml" class="text-white/70 hover:text-primary transition-colors">Site Map</a></li>
</div>
<!-- Contact -->
<div>
<h3 class="text-lg font-semibold mb-6">Contact Us</h3>
<ul class="space-y-3">
<a href="https://t.me/LianPR1" target="_blank"><li class="flex items-start space-x-3">
<i class="fab fa-telegram text-primary mt-1"></i>
<span class="text-white/70">@LianPR1</span>
</li></a>
<li class="flex items-center space-x-3">
<i class="fa fa-envelope text-primary"></i>
<a href="lemon@lianpr.com" class="text-white/70 hover:text-primary transition-colors">lemon@lianpr.com</a>
</li>
<li class="flex items-center space-x-3">
<i class="fa fa-phone text-primary"></i>
<a href="tel:+1234567890" class="text-white/70 hover:text-primary transition-colors">+86 13415525104</a>
</li>
</ul>
</div>
</div>
<div class="border-t border-white/10 pt-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<p class="text-white/50 text-sm mb-4 md:mb-0">© 2025 GlobalChainPR Web3 News Express All Rights Reserved</p>
<div class="flex space-x-6">
<a href="#" class="text-white/50 text-sm hover:text-primary transition-colors">Privacy Policy</a>
<a href="#" class="text-white/50 text-sm hover:text-primary transition-colors">Terms of Service</a>
</div>
</div>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<button id="back-to-top" class="fixed bottom-6 right-6 w-12 h-12 rounded-full bg-primary text-white shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-primary/90">
<i class="fa fa-chevron-up"></i>
</button>
<script src="/template/pc/static/js/aos.js"></script>
<script>
AOS.init({
once: true, // 只触发一次
duration: 800, // 动画时长（毫秒）
offset: 100 // 提前触发距离（像素）
});
</script>
<script>
const counters = document.querySelectorAll('.counter');
const speed = 200; // 越小越快
const runCounters = () => {
counters.forEach(counter => {
const updateCount = () => {
const target = +counter.getAttribute('data-target');
const count = +counter.innerText;
const increment = Math.ceil(target / speed);
if (count < target) {
counter.innerText = count + increment;
setTimeout(updateCount, 20);
} else {
counter.innerText = target;
}
};
updateCount();
});
};
// 启动条件：滚动进视口时触发
const section = document.querySelector('section');
let animated = false;
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting && !animated) {
runCounters();
animated = true;
}
});
}, { threshold: 0.3 });
observer.observe(section);
</script>
<style>
/* CSS 样式同原版，无需修改 */
.kf-chat-container {
width: 90%;
max-width: 400px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
position: fixed;
bottom: 20px;
right: 5px;
display: block;
z-index: 99999;
}
.kf-chat-header {
background-color: #2196f3;
color: #fff;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-size: 14px;
}
.kf-chat-header .kf-title {
margin: 0;
}
.kf-chat-header .kf-buttons {
display: flex;
padding: 0 10px;
}
.kf-chat-header .kf-buttons button {
background: none;
border: none;
color: #fff;
font-size: 16px;
cursor: pointer;
margin-left: 5px;
}
.kf-chat-header .kf-buttons button:hover {
color: #ddd;
}
.kf-chat-body {
height: 300px;
padding: 10px;
overflow-y: auto;
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.kf-chat-input {
display: flex;
padding: 10px;
font-family: Arial, sans-serif;
}
.kf-chat-input input {
flex: 1;
padding: 8px;
border: 1px solid #ddd;
border-radius: 5px;
margin-right: 10px;
transition: border-color 0.3s ease;
}
.kf-chat-input input:focus {
border-color: #2196f3;
outline: none;
}
.kf-chat-input button {
padding: 8px 15px;
background-color: #2196f3;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
.kf-chat-input button:hover {
background-color: #0056b3;
}
.kf-message {
margin: 10px 0;
display: flex;
align-items: flex-start;
}
.kf-user {
display: flex;
justify-content: flex-end;
}
.kf-user .kf-text {
align-items: flex-end;
margin-right: 10px;
}
.kf-bot {
align-items: flex-start;
}
.kf-message img {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 10px;
overflow: revert;
}
.kf-message .kf-time {
font-size: 12px;
color: #888;
margin-bottom: 5px;
}
.kf-message .kf-text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.kf-user .kf-text {
align-items: flex-end;
}
.kf-user .kf-text .kf-time {
text-align: right;
}
.kf-user .kf-text div {
text-align: right;
}
.kf-chat-toggle {
position: fixed;
bottom: 100px;
right: 20px;
width: 50px;
height: 50px;
background-color: #2196f3;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
display: none;
}
.kf-chat-toggle img {
width: 53px;
height: 53px;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 600px) {
.kf-chat-container {
width: 95%;
max-width: 100%;
}
.kf-chat-header {
padding: 10px 5px;
}
.kf-chat-header .kf-title {
font-size: 16px;
padding: 0 10px;
}
.kf-chat-header .kf-buttons button {
font-size: 14px;
}
.kf-chat-body {
height: 400px;
}
.kf-message .kf-time {
font-size: 10px;
margin-bottom: 4px;
}
}
</style>
<div class="kf-chat-toggle" onclick="toggleChat()">
<img src="https://kf.lianpr.com/img/touxiang.png" alt="Customer service avatar">
</div>
<div class="kf-chat-container" id="kf-chat-container" style="display: none;">
<div class="kf-chat-header" onclick="toggleChat()">
<h3 class="kf-title">Online Consultation</h3>
<div class="kf-buttons">
<button onclick="closeChat(event)">×</button>
</div>
</div>
<div class="kf-chat-body" id="kf-chat-body"></div>
<div class="kf-chat-input">
<input type="text" id="kf-user-input" placeholder="Enter your question..." onkeypress="handleKeyPress(event)">
<button onclick="sendMessage()">send</button>
</div>
</div>
<script>
const rules = {
"hello": "Hello! Is there anything I can help you with?",
"人工": "The system has recorded your question for you. You can leave your contact information so that we can communicate with you. If you want online communication service, please contactTelegram：<a href='https://t.me/LianPR1' target='_blank' style='color: #005aff;font-size: 16px;' rel='nofollow'>Click here to enter</a>",
"default": "The system has recorded your question for you. You can leave your contact information so that we can communicate with you. If you want online communication service, please contact Telegram：<a href='https://t.me/LianPR1' target='_blank' style='color: #005aff;font-size: 16px;' rel='nofollow'>Click here to enter</a>"
};
function getResponse(input) {
const phoneRegex = /^1[3-9]\d{9}$/;
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (phoneRegex.test(input) || emailRegex.test(input)) {
return "OK, we have recorded your information and will contact you as soon as possible.";
}
input = input.toLowerCase();
for (const key in rules) {
if (input.includes(key)) {
if (key === "人工") {
return `<p>${rules[key]}</p><img class="wechat-qr-img" src="https://kf.lianpr.com/img/wx.png" alt="WeChat QR Code" style="width: 200px; height: auto; border-radius: inherit;">`;
}
return rules[key];
}
}
return rules["default"];
}
function sendMessage() {
const inputEl = document.getElementById('kf-user-input');
const inputValue = inputEl.value.trim();
if (!inputValue) return;
const bodyEl = document.getElementById('kf-chat-body');
const userMessage = document.createElement('div');
userMessage.className = 'kf-message kf-user';
userMessage.innerHTML = `
<div class="kf-text">
<div class="kf-time">${getCurrentTime()}</div>
<div>${escapeHTML(inputValue)}</div>
</div>
<img src="https://kf.lianpr.com/img/yonghu.png" alt="User Avatar">
`;
bodyEl.appendChild(userMessage);
const botMessage = document.createElement('div');
botMessage.className = 'kf-message kf-bot';
botMessage.innerHTML = `
<img src="https://kf.lianpr.com/img/touxiang.png" alt="Customer service avatar">
<div class="kf-text">
<div class="kf-time">${getCurrentTime()}</div>
<div>${getResponse(inputValue)}</div>
</div>
`;
bodyEl.appendChild(botMessage);
bodyEl.scrollTop = bodyEl.scrollHeight;
inputEl.value = '';
// ✅ 翻译机器人回复
if (typeof translate !== 'undefined' && typeof translate.execute === 'function') {
translate.execute();
}
fetch('https://kf.lianpr.com/save_message.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
body: `message=${encodeURIComponent(inputValue)}&url=${encodeURIComponent(window.location.href)}&ip=${encodeURIComponent(getClientDeviceType())}&referrer=${encodeURIComponent(document.referrer)}`
}).then(res => res.json())
.then(data => {
if (data.status === 'success') {
console.log('Message saved successfully');
} else {
console.error('Failed to save message:', data.message);
}
}).catch(error => console.error('Error sending message:', error));
}
function toggleChat() {
const container = document.getElementById('kf-chat-container');
const toggleBtn = document.querySelector('.kf-chat-toggle');
const isHidden = container.style.display === 'none';
container.style.display = isHidden ? 'block' : 'none';
toggleBtn.style.display = isHidden ? 'none' : 'flex';
}
function closeChat(event) {
event.stopPropagation();
toggleChat();
window.__kfChatAutoOpened = true;
}
function getCurrentTime() {
const now = new Date();
return `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;
}
function escapeHTML(str) {
return str.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
function getClientDeviceType() {
return /Android|webOS|iPhone|iPad|iPod|Windows Phone/i.test(navigator.userAgent) ? "Mobile" : "Desktop";
}
function handleKeyPress(event) {
if (event.key === 'Enter') {
sendMessage();
}
}
window.onload = function () {
const bodyEl = document.getElementById('kf-chat-body');
const welcome = document.createElement('div');
welcome.className = 'kf-message kf-bot';
welcome.innerHTML = `
<img src="https://kf.lianpr.com/img/touxiang.png" alt="Customer service avatar">
<div class="kf-text">
<div class="kf-time">${getCurrentTime()}</div>
<div>你好！有什么我可以帮你的吗？</div>
</div>
`;
bodyEl.appendChild(welcome);
setTimeout(() => {
const second = document.createElement('div');
second.className = 'kf-message kf-bot';
second.innerHTML = `
<img src="https://kf.lianpr.com/img/touxiang.png" alt="Customer service avatar">
<div class="kf-text">
<div class="kf-time">${getCurrentTime()}</div>
<div>If you have any questions, please add WeChat: LianPR77<br>or scan the QR code below to add.<br>
Telegram：<a href="https://t.me/LianPR1" target="_blank" style="color: #005aff;font-size: 20px;">https://t.me/LianPR1</a></div>
<img src="https://kf.lianpr.com/img/wx.png" alt="QR code" style="width: 200px; height: auto; border-radius: inherit;">
</div>
`;
bodyEl.appendChild(second);
// ✅ 翻译欢迎提示内容
if (typeof translate !== 'undefined' && typeof translate.execute === 'function') {
translate.execute();
}
}, 3000);
const container = document.getElementById('kf-chat-container');
const toggleBtn = document.querySelector('.kf-chat-toggle');
if (getClientDeviceType() === "Mobile") {
container.style.display = 'none';
toggleBtn.style.display = 'flex';
window.__kfChatAutoOpened = false;
setTimeout(() => {
if (!window.__kfChatAutoOpened) {
container.style.display = 'block';
toggleBtn.style.display = 'none';
window.__kfChatAutoOpened = true;
}
}, 10000);
} else {
container.style.display = 'block';
toggleBtn.style.display = 'none';
window.__kfChatAutoOpened = true;
}
};
</script>
<!-- 多语言 -->
<script>
// Mobile menu toggle
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
mobileMenuButton.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
// Sticky header
const header = document.getElementById('main-header');
let lastScrollY = window.scrollY;
window.addEventListener('scroll', () => {
if (window.scrollY > 50) {
header.classList.add('shadow-md');
header.classList.add('bg-white/95');
header.classList.add('backdrop-blur-sm');
} else {
header.classList.remove('shadow-md');
header.classList.remove('bg-white/95');
header.classList.remove('backdrop-blur-sm');
}
lastScrollY = window.scrollY;
});
// Back to top button
const backToTopButton = document.getElementById('back-to-top');
window.addEventListener('scroll', () => {
if (window.scrollY > 300) {
backToTopButton.classList.remove('opacity-0');
backToTopButton.classList.remove('invisible');
} else {
backToTopButton.classList.add('opacity-0');
backToTopButton.classList.add('invisible');
}
});
backToTopButton.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<script src="/template/pc/static/js/translate.js"></script>
<script>
translate.selectLanguageTag.show = false; // 不显示默认select
translate.service.use('client.edge'); // 设置翻译通道
translate.language.setDefaultTo('english'); // 设置默认语言
translate.language.translateLocal = true; // 启用本地翻译（不远程请求）
translate.execute(); // 执行翻译
</script>
<script type="text/javascript">var root_dir="";var ey_aid=29825;</script>
<script language="javascript" type="text/javascript" src="/public/static/common/js/ey_footer.js?v=v1.7.5"></script>
</body>
</html> 
繁體中文
简体中文
日本語
한국어
Español
Français
Deutsch
Italiano
Русский
Português
العربية
Türkçe
ภาษาไทย
हिंदी
Bahasa Indonesia
Tiếng Việt