From Heap Core SDK + Contentsquare SDK to CSQ SDK
This guide provides a step-by-step upgrade process from your current installation of Contentsquare and Heap Mobile to the latest version of the CSQ SDK.
Heap Core SDK
Contentsquare SDK
CSQ SDK
The latest version of our SDK provides a unified set of APIs for Product Analytics, Experience Analytics, and Experience Monitoring, eliminating redundant APIs that perform the same actions.
Upgrading to the latest version ensures you benefit from all our newest features and product enhancements.
Dependency upgrades
Section titled Dependency upgradesIncrement the Contentsquare SDK in pubspec.yaml to the latest version.
dependencies: heap_flutter_bridge: ^0.4.0 heap_flutter_autocapture: ^0.6.0 contentsquare: ^3.19.1 contentsquare: ^4.0.0Sync your dependencies by running flutter pub get.
Replace the Contentsquare SDK import with a CSQ SDK import.
import 'package:heap_flutter_bridge/heap_flutter_bridge.dart';import 'package:heap_flutter_autocapture/heap_flutter_autocapture.dart';import 'package:contentsquare/contentsquare.dart';import 'package:contentsquare/csq.dart';SDK start
Section titled SDK start-
Optional: If you were usingContentsquareRootwidget - remove it from your widget tree.main.dart void main() {runApp(const MyApp());}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return ContentsquareRoot(child: MaterialApp(return MaterialApp(title: 'My Flutter App',home: Home()),);}} -
Delete
Heap().startRecording()and migrate options toCSQ().configureProductAnalytics().main.dart import 'package:contentsquare/csq.dart';void main() async {await Heap().startRecording('YOUR_ENVIRONMENT_ID', {// your previous options});await CSQ().configureProductAnalytics(environmentId: 'YOUR_ENVIRONMENT_ID',options: ProductAnalyticsOptions(// Migrate options here),);} -
Start the CSQ SDK manually.
Add the
CSQ().start()call after the configuration (and removeContentsquare().start()if you had it before):main.dart import 'package:contentsquare/csq.dart';void main() async {await CSQ().configureProductAnalytics(environmentId: 'YOUR_ENVIRONMENT_ID',options: ProductAnalyticsOptions(// Migrate options here),);await Contentsquare().start();await CSQ().start();} -
Remove
HeapAutocaptureregistration:await HeapAutocapture.register(); -
Update pageview autocapture setup
main.dart import 'package:contentsquare/csq.dart';await HeapAutocapture.register();MaterialApp(navigatorObservers: [HeapNavigatorObserver(),CSQNavigatorObserver(),],home: MyHomePage(),) -
Recommended In order to enable automatic capture of user interactions, add the option
enableInteractionsAutocapture: trueto yourProductAnalyticsOptionsconfiguration:main.dart import 'package:contentsquare/csq.dart';void main() async {await CSQ().configureProductAnalytics(environmentId: 'YOUR_ENVIRONMENT_ID',options: ProductAnalyticsOptions(enableInteractionsAutocapture: true,),);await CSQ().start();} -
(Optional) If you were relying on the Contentsquare SDK autostart, remove the
CSDisableAutostartproperty and calls toContentsquare.start().Info.plist <key>CSDisableAutostart</key><true/>AppDelegate.swift Contentsquare.start()Info.plist <key>CSDisableAutostart</key><true/>AppDelegate.m [Contentsquare start]; -
(Optional) If you have chosen to deactivate the autostart of the Contentsquare SDK, you can now remove the entry in the manifest, as the CSQ SDK doesn’t have an autostart.
AndroidManifest.xml <application>...<meta-dataandroid:name="com.contentsquare.android.autostart"android:value="false"/>...</application> -
Remove Heap Android dependencies
android/app/build.gradle dependencies {implementation("io.heap.core:heap-android-core:+")implementation("io.heap.contentsquare.csbridge:contentsquare-bridge:+")} -
Remove Heap iOS dependencies:
- In Xcode, navigate to your project settings.
- Select your app target, then go to the Frameworks, Libraries, and Embedded Content section.
- Find
HeapContentsquareIntegrationSDKin the list and click the - button to remove it. - Go to File → Packages → Resolve Package Versions to update your package dependencies.
- Remove the line that contains
pod 'HeapContentsquareIntegrationSDK'from your app target in yourPodfile. - Run
pod installwithin your project directory to update your dependencies.
-
Remove Initializing Integration:
HeapContentsquareIntegration.bind(applicationContext,sendHeapPageviewsToContentsquare = false,sendContentsquareScreenviewsToHeap = true)HeapContentsquareIntegration.bind(sendHeapPageviewsToContentsquare: false,sendContentsquareScreenviewsToHeap: true)
Get user consent
Section titled Get user consentImplement the optIn() API to forward user consent to the SDK and generate a user ID.
The CSQ SDK treats users as opted-out by default.
It can be done immediately after start is called:
void main() async { // ... await CSQ().start(); await CSQ().optIn(); // ...}Alternatively, you can call optIn() in response to a user action, such as tapping an “I agree” button:
class UserConsentScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('User Consent'), ), body: Center( child: ElevatedButton( onPressed: () async { await CSQ().optIn(); }, child: Text('Agree with Terms and Conditions'), ), ), ); }}Update API
Section titled Update APISearch and replace all legacy SDK API calls in your app to the latest CSQ APIs using the following mappings. Updating your API calls ensures continued functionality without disruption.
In most cases, this process consists in updating the namespace and method names, with no changes to parameters.
Contentsquare().start()CSQ().start()For more information on SDK methods, see the SDK API reference.
Update Contentsquare SDK APIs
Section titled Update Contentsquare SDK APIsGDPR / Identification
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare().optIn() | CSQ().optIn() |
Contentsquare().optOut() | CSQ().optOut() |
Contentsquare().sendUserIdentifier() | CSQ().sendUserIdentifier() |
Contentsquare().getUserId() | CSQ().metadata.userID |
Contentsquare().forgetMe()
You can use CSQ().optOut() instead to forget user id and stop tracking. If needed call CSQ().optIn() when you want to resume tracking.
Property tracking
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare().sendDynamicVar(key: String, intValue: int). | CSQ().addDynamicVar(DynamicVar.fromIn(key: String, value: int)) |
Contentsquare().sendDynamicVar(key: String, stringValue: String). | CSQ().addDynamicVar(DynamicVar.fromString(key: String, value: String)) |
CSInApp (iOS only)
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare.handle(url: URL) | CSQ.handle(url: URL) |
Contentsquare.csInApp | CSQ.csInApp |
Interoperability
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare().onSessionReplayLinkChange(callback) | CSQ().metadata.onChange(Metadata) |
Contentsquare().currentSessionReplayUrl | CSQ().metadata.onChange(Metadata) |
Contentsquare().setURLMaskingPatterns() | CSQ().setURLMaskingPatterns() |
ContentsquareNavigatorObserver(). | CSQNavigatorObserver() |
ContentsquareWebViewWrapper(). | CSQWebViewWrapper() |
Event tracking
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare.sendTransaction(double, String, String, String?) | CSQ.trackTransaction(Transaction(price: double, currency: Currency, id: String)) |
Contentsquare.send(String) | CSQ.trackScreenview(screenName: String) |
Contentsquare.send(String, List<CustomVar>?) | CSQ.trackScreenview(screenName: String, customVars: List<CustomVar>) |
Error tracking
| Contentsquare SDK | CSQ SDK |
|---|---|
ContentsquareHttpOverrides() | CSQHttpOverrides() |
Contentsquare().collectFlutterError(details: FlutterErrorDetails, presentErrorDetails: bool) | CSQ().collectFlutterError(details: FlutterErrorDetails, presentErrorDetails: bool). |
Contentsquare().collectError(error: Object, stackTrace: StackTrace) | CSQ().collectError(error: Object, stackTrace: StackTrace) |
Personal Data Handling and Masking
| Contentsquare SDK | CSQ SDK |
|---|---|
MaskingConfig() | CSQMaskingConfig() |
SessionReplayMaskingScope | CSQMask |
SDK initialization and manipulation
| Contentsquare SDK | CSQ SDK |
|---|---|
Contentsquare().start() | CSQ().start() |
Contentsquare().stopTracking() | CSQ().pauseTracking() |
Contentsquare().resumeTracking() | CSQ().resumeTracking() |
Contentsquare().triggerReplayForCurrentSession(name: String) | CSQ().triggerReplayForCurrentSession(name: String) |
Contentsquare().triggerReplayForCurrentScreen(name: String) | CSQ().triggerReplayForCurrentScreen(name: String) |
Update Heap Core SDK APIs
Section titled Update Heap Core SDK APIsGDPR / Identification
| Heap SDK | CSQ SDK |
|---|---|
Heap().identify(string) | CSQ().identify(userIdentifier: String) |
Heap().resetIdentity() | CSQ().resetIdentity() |
Heap().getUserId() | CSQ().metadata.userId |
Heap().getSessionId() | CSQ().metadata.sessionId |
Heap().getEnvironmentId() | CSQ().metadata.environmentId |
Heap().getIdentity() | CSQ().metadata.identity |
Logging
| Heap SDK | CSQ SDK |
|---|---|
Heap().setLogLevel(LogLevel) | CSQ().debug.logLevel { get set } |
Property tracking
| Heap SDK | CSQ SDK |
|---|---|
Heap().addUserProperties(Map<String, dynamic>) | CSQ().addUserProperties(properties: Map<String, dynamic>) |
Heap().addEventProperties(Map<String, dynamic>) | CSQ().addEventProperties(properties: Map<String, dynamic>) |
Heap().removeEventProperty(name: String) | CSQ().removeEventProperty(name: String) |
Heap().clearEventProperties() | CSQ().clearEventProperties() |
Event tracking
| Heap SDK | CSQ SDK |
|---|---|
Heap().track(String, [Map<String, dynamic>]) | CSQ().trackEvent(eventName: String, properties: Map<String, dynamic>?) |
Personal Data Handling and Masking
| Heap SDK | CSQ SDK |
|---|---|
HeapRedact(redact: bool) | CSQMask(config: CSQMaskingConfig(maskTexts: true)) |
HeapIgnore(ignore: bool) | CSQMask(config: CSQMaskingConfig(maskInteractions: true)) |
SDK initialization and manipulation
| Heap SDK | CSQ SDK |
|---|---|
Heap().startRecording(id, options) | CSQ().configureProductAnalytics(environmentID: String, options: ProductAnalyticsOptions)+CSQ().start()` |
Heap().stopRecording(deleteUser = true) | CSQ().stop() |
Heap().stopRecording(deleteUser = false) | CSQ().pauseTracking() |