イベントと訪問関数の例 (V3)

HTTP GETでイベントデータを送信

次の例は、イベントデータをクエリストリングパラメータとしてエンドポイントにHTTP GETリクエストを行う方法を示しています。

activate(({ event }) => {
    console.log(JSON.stringify(event));

    fetch(encodeURI(`https://webhook.site/87bb160f-475a-4258-b117-693bb2378a4d?param=${event.data}`))
        .then(response => {
            if (!response.ok) {
                throw new Error(`ネットワーク応答が正常ではありませんでした。ステータスコード: ${response.status}.`);
            }
            return response.json();
        })
        .then(data => console.log('Response:', JSON.stringify(data)))
        .catch(error => console.log('Error:', error.message)); 
})

HTTP POSTで訪問データを送信

次の例は、訪問プロファイルデータをリクエストボディのJSONに含めてエンドポイントにHTTP POSTリクエストを行う方法を示しています。

activate(({ visitor }) => {
    console.log(JSON.stringify(visitor));

    fetch('https://webhook.site/87bb160f-475a-4258-b117-693bb2378a4d',
        {
            method: 'POST',
            body: JSON.stringify(visitor), 
            headers: {
                'Content-Type': 'application/json'
            }
        })
        .then(response => {
            if (!response.ok) {
                throw new Error(`ネットワーク応答が正常ではありませんでした。ステータスコード: ${response.status}.`);
            }
            return response.json();
        })
        .then(data => console.log('Response:', JSON.stringify(data)))
        .catch(error => console.log('Error:', error.message));
})

HTTP GETで訪問データを送信

次の例は、訪問プロファイルデータをクエリストリングパラメータとしてエンドポイントにHTTP GETリクエストを行う方法を示しています。

activate(({ visit }) => {
    console.log(JSON.stringify(visit)); // notice separate visit property

    fetch(encodeURI(`https://webhook.site/87bb160f-475a-4258-b117-693bb2378a4d?param=${visit.creation_ts}`))
        .then(response => {
            if (!response.ok) {
                throw new Error(`ネットワーク応答が正常ではありませんでした。ステータスコード: ${response.status}.`);
            }
            return response.json();
        })
        .then(data => console.log('Response:', JSON.stringify(data)))
        .catch(error => console.log('Error:', error.message));
})

Tealium Collect HTTP APIにイベントを送信

次の例は、データを取得し、イベントをTealium Collectに送信する方法を示しています。

activate(async ({ event }) => {
    const searchQuery = new URLSearchParams({ path: event.data.dom.pathname, query: event.data.dom.search_query });
    
    const newEvent = await fetch(`https://getnew.event.com?${searchQuery}`)
        .then(response => {
            if (!response.ok) {
                throw new Error(`ネットワーク応答が正常ではありませんでした。ステータスコード: ${response.status}.`);
            }
            return response.json();
        });
        
    track(newEvent, {
            tealium_account: event.account,
            tealium_profile: event.profile,
            tealium_datasource: 'p9v81m'
        })
        .then(response => {
            if(!response.ok){
                throw new Error(`ネットワーク応答が正常ではありませんでした。ステータスコード: ${response.status}.`);
            }
            return response.text();
        })
        .then(data => console.log('Result : ', data))
        .catch(error => console.error('Error:', error.message));
})

認証トークンIDを取得

次のコード例は、認証トークンIDを取得する方法を示しています：

activate(({ helper }) => {
    console.log(helper.getAuth("auth_token_name"));
})

グローバル変数の値を取得

次のコード例は、グローバル変数の値を取得する方法を示しています：

activate(({ helper }) => {
    console.log(helper.getGlobalVariable("global_variable_name"));
})