<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5NHWVFM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

 <!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>アンケート</title>
    <link href="https://surveys-static.survicate.com/fonts/fonts.css" rel="stylesheet">
    <style>
        .survey-container {
            position: fixed;
            right: 20px;
            bottom: 20px;
            max-width: 600px;
            font-family: 'Open sans', sans-serif;
        }
        .survey-title {
            font-size: 10px;
            color: #29292a;
            text-align: center;
            line-height: 20px;
            margin-bottom: 5px;
        }
        .survey-options {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .survey-option {
            background-color: #ed8a11;
            text-align: center;
            border-radius: 8px;
            font-size: 8px;
            margin: 2px;
            padding: 0px 0px;
            width: calc(15% - 4px);
        }
        .survey-option a {
            text-decoration: none;
            display: inline-block;
            color: #ffffff;
            border: 1px solid #ed8a11;
            border-radius: 8px;
            padding: 3px 1px;
        }
    </style>
    <script>
        function isHomePage() {
            // トップページのURLを設定してください
            const homePageUrl = 'https://help.worldshopping.biz/';

            return window.location.href === homePageUrl;
        }

        document.addEventListener("DOMContentLoaded", function() {
            if (!isHomePage()) {
                document.querySelector('.survey-container').style.display = 'block';
            }
        });
    </script>
</head>
<body>
    <div class="survey-container">
        <div class="survey-title">お困りごとは解決しましたか？</div>
        <div class="survey-options">
            <div class="survey-option">
                <a href="https://survey.survicate.com/27c8f325f3e312ab/?p=anonymous&aid=5246490" target="_blank">
                    <font color="#ffffff">解決した</font>
                </a>
            </div>
            <div class="survey-option">
                <a href="https://survey.survicate.com/27c8f325f3e312ab/?p=anonymous&aid=5246491" target="_blank">
                    <font color="#ffffff">解決したがわかりにくい</font>
                </a>
            </div>
            <div class="survey-option">
                <a href="https://survey.survicate.com/27c8f325f3e312ab/?p=anonymous&aid=5246492" target="_blank">
                    <font color="#ffffff">解決しなかった</font>
                </a>
            </div>
            <div class="survey-option">
                <a href="https://survey.survicate.com/27c8f325f3e312ab/?p=anonymous&aid=5246493" target="_blank">
                    <font color="#ffffff">知りたい情報ではなかった</font>
                </a>
            </div>
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>いいね/バッド カウンター</title>
<style>
    button {
        margin-right: 10px;
    }
</style>
</head>
<body>
    <h1>いいね/バッド カウンター</h1>
    <button id="likeBtn">いいね</button>
    <span id="likeCount">0</span>
    <button id="dislikeBtn">バッド</button>
    <span id="dislikeCount">0</span>

    <script>
        // いいねボタンのクリック回数
        let likeCount = 0;
        // バッドボタンのクリック回数
        let dislikeCount = 0;

        // いいねボタンのクリック時の処理
        document.getElementById('likeBtn').addEventListener('click', function() {
            likeCount++;
            document.getElementById('likeCount').textContent = likeCount;
            // サーバーにいいねカウントを送信
            sendCountToServer('like', likeCount);
        });

        // バッドボタンのクリック時の処理
        document.getElementById('dislikeBtn').addEventListener('click', function() {
            dislikeCount++;
            document.getElementById('dislikeCount').textContent = dislikeCount;
            // サーバーにバッドカウントを送信
            sendCountToServer('dislike', dislikeCount);
        });

        // サーバーにカウントを送信する関数
        function sendCountToServer(type, count) {
            // サーバーのエンドポイントにPOSTリクエストを送信
            fetch('/update-count', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    type: type,
                    count: count
                })
            })
            .then(response => {
                if (!response.ok) {
                    throw new Error('サーバーエラー');
                }
                return response.json();
            })
            .then(data => {
                console.log(data.message);
            })
            .catch(error => {
                console.error(error.message);
            });
        }
    </script>
</body>
</html>

おすすめのハッシュタグ

～WorldShoppingから買えることをSNSで訴求～