JavaScript - 自分の Web サイトでバリアベルの名前を見つけるにはどうすればよいですか?

okwaves2024-01-25  9

Trustpilot JavaScript 拡張機能を自分の Web ショップに実装して、チェックアウト ページにアクセスしたユーザーに基づいて自動製品レビューを取得できるようにしたいと考えています。

Google タグ マネージャーで、誰かが私の /checkout/Thankyou ページにアクセスし、Trustpilot に招待を送信したときにトリガーを取得するように設定することができました。彼らは、発明を Trustpilot に送信するためのサンプル JS コードを教えてくれました。現在、送信する実際のコードにこだわっているだけです...以下のサンプル コードを追加しました。

質問: 彼らは...「VARIABLE_$EMAIL*」を独自の「真の変数」に置き換える必要があると言いますか?しかし、一体どうやって本当の変数名を見つければよいのでしょうか?

よろしくお願いします。

こんにちは、ジツケ

<script> 
    document.addEventListener('DOMContentLoaded', function() {
        const trustpilot_invitation = {
            recipientEmail: 'VARIABLE_$EMAIL',
            recipientName: 'VARIABLE_$NAME',
            referenceId: 'VARIABLE_$ORDERID',
            source: 'InvitationScript',
            productSkus: 'VARIABLE_$SKU',
            products: [{
                    sku: 'VARIABLE_$SKU',
                    productUrl: 'VARIABLE_$PRODUCTURL',
                    imageUrl: 'VARIABLE_$IMAGEURL',
                    name: 'VARIABLE_$PRODUCTNAME',
                }],
        };
        tp('createInvitation', trustpilot_invitation);
    });
</script>

これには答えられません。これを機能させるには、Web ショップがコード内のプレースホルダーを置き換えることができる値を生成する必要があります。私たちはあなたのショップを知らないため、あなたのシステムがこれらの値を生成するかどうか、またどのような名前で生成するかわかりません。これは実装に依存しており、すべてを網羅する答えはありません (また、GTM を使用する場合、イベント ハンドラーは必要なく、DomReady トリガーを使用するだけで済みます)。

– アイク・ピアストルフ

2020 年 9 月 4 日 20:19



------------------------

彼らのスープからポート サイトでこれを見つけました。必要なものがもう少し詳しく説明されています。

document.addEventListener('DOMContentLoaded', function() {
    const trustpilot_invitation_data = {
        recipientEmail: '[email protected]',
        recipientName: 'John',
        referenceId: 'Order_123',
        source: 'InvitationScript',
        productSkus: ['sku_1', 'sku_2'],
        products: [{
                sku: 'sku_1',
                productUrl: 'https://your_shop.com/product/1',
                imageUrl: 'https://your_shop.com/product/images/1',
                name: 'test_product_1',
            },
            {
                sku: 'sku_2',
                productUrl: 'https://your_shop.com/product/2',
                imageUrl: 'https://your_shop.com/product/images/2',
                name: 'test_product_2',
            }
        ],
    };
    tp('createInvitation', trustpilot_invitation_data);
});

実際には、ページから電子メールやその他の情報を解析し、それをこの JavaScript スニペットに追加する必要があります。

2

ご回答いただきありがとうございます。しかし疑問は残ります。 Web ページの変数名と一致する変数名を見つけるにはどうすればよいですか?解析は問題なく行われます。

– user3331966

2020 年 9 月 3 日 13:03

そうですね、それは完全にあなた次第です。つまり、自分でプログラムするか、代わりに誰かを雇うかのどちらかです。必要な値はおそらくページ自体にすでに存在するため、ページにすでに存在するデータを取得するには JavaScript コードが必要になります。最も簡単な方法は、jQuery ライブラリを使用して、入力フィールドや他の DOM 要素から値を読み取ることです。

– ランプリン

2020 年 9 月 5 日 10:38

総合生活情報サイト - OKWAVES
総合生活情報サイト - OKWAVES
生活総合情報サイトokwaves(オールアバウト)。その道のプロ(専門家)が、日常生活をより豊かに快適にするノウハウから業界の最新動向、読み物コラムまで、多彩なコンテンツを発信。