【WorldShopping BIZアカデミー】 海外売上拡大の第一歩！海外向けInstagram活用のポイント

テキスト

パーマネントリンク

メモ

ページの属性

To-do

In progress

Complete

ステータス (1)

ステータス

Page Name

<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="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 BIZ アカデミーアーカイブ動画

Vol.1：海外Webマーケティング勉強会（2022/4/20開催）

Vol.2：海外Webマーケティング勉強会（2022/6/8開催）

Vol.3：中国SNSマーケティングを知る（2022/7/26開催）

Vol.4：サイズレコメンドエンジン×多言語化で購入率アップ（2022/9/27開催）

Vol.5：藤巻百貨店に聞く5つの質問（2022/11/11開催）

Vol.6： StoreHeroに聞く！月商1,000万円までのグロースハック術（2023/1/25開催）

Vol.7：データで紐解く、越境EC成功の鍵とは（2023/3/29開催）

Vol.8：海外売上拡大の第一歩！海外向けInstagram活用のポイント（2024/5/14開催）

WorldShopping BIZ アカデミーアーカイブ動画

Vol.1： 海外Webマーケティング勉強会 （2022/4/20開催）

Vol.2： 海外Webマーケティング勉強会 （2022/6/8開催）

Vol.3： 中国SNSマーケティングを知る （2022/7/26開催）

Vol.4： サイズレコメンドエンジン×多言語化で購入率アップ （2022/9/27開催）

Vol.5： 藤巻百貨店に聞く5つの質問 （2022/11/11開催）

Vol.6： StoreHeroに聞く！月商1,000万円までのグロースハック術 （2023/1/25開催）

Vol.7： データで紐解く、越境EC成功の鍵とは （2023/3/29開催）

Vol.8： 海外売上拡大の第一歩！海外向けInstagram活用のポイント （2024/5/14開催）