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 openDeeplink 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: "example://detail?id=1",
        android: "example://detail?id=1",
        desktop: "https://example.com/detail?id=1"
    },
    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: "example://detail?id=1",
        android: "example://detail?id=1",
        desktop: "https://example.com/detail?id=1"
    },
    fallbacks: {
        ios: "itunes-appstore",
    // itunes-appstore(default), google-play, url
        android: "google-play"
        // google-play(default), itunes-appstore, url
    },
    redirect: true
});

airbridge.openDeeplink({
    type: "redirect",
    deeplinks: {
        ios: "example://detail?id=1",
        android: "example://detail?id=1",
        desktop: "https://example.com/detail?id=1"
    },
    fallbacks: {
        ios: "itunes-appstore",
        android: "google-play"
    },
});

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)
})