Web SDK

<script>
(function(a_,i_,r_,_b,_r,_i,_d,_g,_e){if(!a_[_b]){var d={queue:[]};_r.concat(_i).forEach(function(a){var i_=a.split("."),a_=i_.pop();i_.reduce(function(a,i_){return a[i_]=a[i_]||{}},d)[a_]=function(){d.queue.push([a,arguments])}});a_[_b]=d;a_=i_.getElementsByTagName(r_)[0];i_=i_.createElement(r_);i_.onerror=function(){d.queue.filter(function(a){return 0<=_i.indexOf(a[0])}).forEach(function(a){a=a[1];a=a[a.length-1];"function"===typeof a&&a("error occur when load airbridge")})};i_.async=1;i_.src="//static.airbridge.io/sdk/latest/airbridge.min.js";a_.parentNode.insertBefore(i_,a_)}})(window,document,"script","airbridge","init fetchResource setBanner setDownload setDownloads setDeeplinks sendWeb setUserAgent setUserAlias addUserAlias setMobileAppData setUserId setUserEmail setUserPhone setUserAttributes clearUser setDeviceIFV setDeviceIFA setDeviceGAID events.send events.signIn events.signUp events.signOut events.purchased events.addedToCart events.productDetailsViewEvent events.homeViewEvent events.productListViewEvent events.searchResultViewEvent".split(" "),["events.wait"]);

airbridge.init({
    app: '앱 이름',
    webToken: '웹 SDK 토큰'
});
</script>

npm install airbridge-web-sdk-loader

import airbridge from 'airbridge-web-sdk-loader'

airbridge.init({
    app: '앱 이름',
    webToken: '웹 SDK 토큰',
})

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    user: {
        externalUserID: '123456',
        externalUserEmail: '[email protected]',
        externalUserPhone: '01012345676',
        attributes: {
            age_group: 30,
            gender: 'Female'
        },
        alias: {
            amplitude_device_id: '83587901-2726-4E29-ACEB-A90B0F7E75F6',
        },
    }
});

airbridge.setUserId('654321');
airbridge.setUserEmail('[email protected]');

airbridge.setUserAlias({
  "amplitude_id": "12345678",
  "braze_ext_id": "87654321"  
})

airbridge.addUserAlias("amplitude_id", "12345678")
airbridge.addUserAlias("braze_ext_id", "87654321")

airbridge.setUserAttributes({
    "age": 45,
    "gender": "male",
    "name": "Gildong Hong"
    // ...
});

airbridge.events.send("category", {
    label: "label",
    action: "action",
    value: 10,
    semanticAttributes: {
        transactionID: "transaction_123",
    },
    customAttributes: {
        key: "value",
    }
});

airbridge.events.send('airbridge.ecommerce.home.viewed');

airbridge.events.send('airbridge.ecommerce.product.viewed', {
    semanticAttributes: {
        products: [{
            productID: '1',
            name: 'MacBook Pro',
            price: 1548200,
            currency: 'KRW',
            position: 1
        }]
    }
});

airbridge.events.send('airbridge.ecommerce.productList.viewed', {
    semanticAttributes: {
        productListID: '36473926',
        products: [
            {
                productID: '1',
                name: 'MacBook Pro',
                price: 1548200,
                currency: 'KRW',
                position: 1
            },
            {
                productID: '2',
                name: 'MacBook Air',
                price: 1500000,
                currency: 'KRW',
                position: 2
            }
        ]
    }
});

airbridge.events.send('airbridge.ecommerce.searchResults.viewed', {
    semanticAttributes: {
        products: [
            {
                productID: '1',
                name: 'MacBook Pro',
                price: 1548200,
                currency: 'KRW',
                position: 1
            },
            {
                productID: '2',
                name: 'MacBook Air',
                price: 1500000,
                currency: 'KRW',
                position: 2
            }
        ],
        query: '검색 Query'
    }
});

airbridge.events.send('airbridge.ecommerce.product.addedToCart', {
    semanticAttributes: {
        products: [
            {
                productID: '1',
                name: 'MacBook Pro',
                price: 1548200,
                currency: 'KRW',
                quantity: 3,
                position: 1
            },
            {
                productID: '2',
                name: 'MacBook Air',
                price: 1500000,
                currency: 'KRW',
                quantity: 2,
                position: 2
            }
        ],
        cartID: '73926365',
        totalValue: 3048200,
        currency: 'KRW'
    }
});

airbridge.events.send('airbridge.ecommerce.order.completed', {
    semanticAttributes: {
        products: [
            {
                productID: '1',
                name: 'MacBook Pro',
                price: 1548200,
                currency: 'KRW',
                quantity: 3,
                position: 1
            },
            {
                productID: '2',
                name: 'MacBook Air',
                price: 1500000,
                currency: 'KRW',
                quantity: 2,
                position: 2
            }
        ],
        inAppPurchased: true,
        totalValue: 3048200,
        currency: 'KRW',
        transactionID: '16874326'
    }
});

airbridge.setUserId('ab180');
airbridge.setUserEmail('[email protected]');

airbridge.events.send('airbridge.user.signup');

airbridge.setUserId('ab180');
airbridge.setUserEmail('[email protected]');

airbridge.events.send('airbridge.user.signin');

airbridge.events.send('airbridge.user.signout');

airbridge.clearUser();

// html
<button id="app_download">앱으로 이동</button>

// javascript
airbridge.setDownloads({
    buttonID: "app_download",
    // or ["app_download_1", "app_download_2", ...]
    defaultParams: {
        campaign: 'example_campaign',
        medium: 'example_medium',
        term: 'example_term',
        content: 'example_content'
    }
});

airbridge.setDeeplinks({
    buttonID: "deeplinking-button-1",
    // or ["deeplink-button-1", "deeplink-button-2", ...]
    deeplinks: {
        ios: "ablog://main",
        android: "ablog://main",
        desktop: "http://blog.ab180.co"
    },
    fallbacks: {
        ios: "itunes-appstore",
        // itunes-appstore(default), google-play, url
        android: "google-play"
        // google-play(default), itunes-appstore, url
    },
    defaultParams: {
        campaign: 'example_campaign',
        medium: 'example_medium',
        term: 'example_term',
        content: 'example_content'
    },
    desktopPopUp: true
});

airbridge.setDeeplinks({
    buttonID: "deeplinking-button-1",
    deeplinks: {
        ios: "ablog://main",
        android: "ablog://main",
        desktop: "http://blog.ab180.co"
    },
    fallbacks: {
        ios: "itunes-appstore",
    // itunes-appstore(default), google-play, url
        android: "google-play"
        // google-play(default), itunes-appstore, url
    },
    redirect: true
});

airbridge.setBanner({
    title: 'AB180 블로그',
    description: '최신 마테크 정보를 실시간으로 받아볼 수 있습니다.',
    keyColor: '#00a0c6',
    position: 1
});

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    utmParsing: true
});

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    urlQueryMapping: {
      channel: 'utm_source',
      campaign: 'utm_campaign', 
      sub_id_1: 'internal_code'
    }
});

// 파라미터 파싱 함수
function queryStringToJSON(url) {
    if (url.search.slice !== undefined) {
        var pairs = url.search.slice(1).split('&');
    } else {
        var pairs = url.split('?')[1].split('&');
    }

    var result = {};
    pairs.forEach(function(pair) {
        pair = pair.split('=');
        result[pair[0]] = decodeURIComponent(pair[1] || '');
    });

    return JSON.parse(JSON.stringify(result));
}

var url = window.location.href;
var params = queryStringToJSON(url);

// initialize
airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    defaultChannel: params['utm_source'],
    defaultParams: {
        campaign: params['utm_campaign'],
        medium: params['utm_medium'],
        content: params['utm_content'],
        term: params['utm_term']
    }
});

airbridge.clearUser()

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    userHash: true, // 기본값 false
    // ...
});

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
});

airbridge.events.send('category');

airbridge.events.wait(3000, function (error) {
    location.href = 'url';
});

// Set attribution window to 1 day
airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    cookieWindow: 1
});

// Set attribution window to 720 minutes (12 hours)
airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    cookieWindowInMinutes: 720
});

// initialize 
airbridge.init({ 
    app: '앱 이름',
    webToken: '웹 토큰',
    shareCookieSubdomain: false
});

airbridge.init({
    app: 'App Name',
    webToken: 'Web Token',
    autoStartTrackingEnabled: false,
});

airbridge.startTracking()

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    // ...
    useProtectedAttributionWindow: true
});

airbridge.init({
    app: '앱 이름',
    webToken: '웹 토큰',
    // ...
    useProtectedAttributionWindow: true,
    protectedAttributionWindowInMinutes: 60
});

// 현재 창에서 웹사이트 이동
airbridge.sendWeb("https://blog.ab180.co")

// 새 창을 열어 웹사이트 이동
airbridge.sendWeb("https://blog.ab180.co", function(err, res) {
  window.open(res.targetUrl)
})