WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
    • File Sharing
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
        • Get IAP Canceled Subscription List (iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page

Was this helpful?

  1. Javascript APIS

iOS App Tracking Transparency

PreviousNative ContactsNextGoogle Firebase Analytics

Last updated 1 year ago

Was this helpful?

You'll need to import the javascript file in your website before starting from this .

For iOS 14.5+, Apps must take Tracking Consent from user if your app collects data about end users and shares it with other companies for purposes of tracking across apps and web sites.

To use AppTrackingTransparency you will need to enable Request Tracking Authorization from App permission tab.

There are two ways apps can prompt user for permission

  • On App load: if Request Tracking consent on load is enabled then app will prompt user for Tracking consent on app launch

  • Manually: If Request Tracking consent on load is disabled, you can call below javascript interface manually to ask for Tracking consent

const { ATTConsent } = window.WTN

ATTConsent.request({
 callback:function(result){
   if(result.granted){
     //Permission Granted or ios version 14.4 or lower
   }else{
     //Permission Denied / not Determined due to some restrictions
   }
 }
})
import { request } from "webtonative/ATTConsent"

request({
 callback:function(result){
   if(result.granted){
     //Permission Granted or ios version 14.4 or lower
   }else{
     //Permission Denied / not Determined due to some restrictions
   }
 }
})

To check whether Tracking consent was given (either through the manual prompt or automatic prompt), you can call following method:

const { ATTConsent } = window.WTN

ATTConsent.status({
 callback:function(result){
   if(result.granted){
     //Permission Granted or ios version 14.4 or lower
   }else{
     //Permission Denied / not Determined due to some restrictions / not asked
   }
 }
})
import { status } from "webtonative/ATTConsent"

status({
 callback:function(result){
   if(result.granted){
     //Permission Granted or ios version 14.4 or lower
   }else{
     //Permission Denied / not Determined due to some restrictions / not asked
   }
 }
})

Note :

  • The result object will be { granted: true|false } based on the user's response to the consent prompt.

  • For iOS 14.4 and lower, result object will always be { granted: true}

App Tracking Transparency Setting