Skip to content

Commit

Permalink
feat: redesign react native documentation to match swift/kotlin [netl…
Browse files Browse the repository at this point in the history
…ify-build] (segmentio#4690)

* feat: redesign react native documentation to match swift/kotlin

* fix: remove .env api

* [netlify-build]

* fix: add advanced func, mising config options

* feat: add fullstory and taplytics

* [netlify-build]

* Remove section

* add mini-toc to Advanced functionality section

* Remove alias

* remove 2.0 references, link classic docs

* Update firbase

* Remove certain content

* fix: change braze middleware link

---------

Co-authored-by: Alan Charles <[email protected]>
Co-authored-by: Niall Brennan <[email protected]>
Co-authored-by: forstisabella <[email protected]>
Co-authored-by: markzegarelli <[email protected]>
  • Loading branch information
5 people authored May 23, 2023
1 parent 3c5c889 commit 2ac27f8
Show file tree
Hide file tree
Showing 47 changed files with 2,627 additions and 156 deletions.
2 changes: 1 addition & 1 deletion .env.example
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ CONTEXT=development
PLATFORM_API_TOKEN=generate a token from your Segment workspace
PAPI_TOKEN=generate a token from your Segment workspace
ALGOLIA_APP_ID=
ALGOLIA_SEARCH_KEY=
ALGOLIA_SEARCH_KEY=
20 changes: 11 additions & 9 deletions src/_data/sidenav/strat.yml
Original file line number Diff line number Diff line change
Expand Up @@ -166,15 +166,17 @@ sections:
section_title: Analytics-React-Native Documentation
section:
- path: /connections/sources/catalog/libraries/mobile/react-native
title: Analytics-React-Native mobile source
- path: /connections/sources/catalog/libraries/mobile/react-native/migration
title: Upgrade to React-Native 2.0
- path: /connections/sources/catalog/libraries/mobile/react-native/troubleshooting
title: Troubleshooting Analytics-React-Native
- path: /connections/sources/catalog/libraries/mobile/react-native/react-faqs/
title: React-Native FAQs
- path: /connections/sources/catalog/libraries/mobile/react-native/changelog
title: Analytics-React-Native Changelog
title: Overview
- path: /connections/sources/catalog/libraries/mobile/react-native/implementation
title: Implementation / Upgrade
- path: /connections/sources/catalog/libraries/mobile/react-native/destination-plugins
title: Destination Plugins
- path: /connections/sources/catalog/libraries/mobile/react-native/cloud-mode-destinations
title: Cloud-mode Destinations
- path: /connections/sources/catalog/libraries/mobile/react-native/react-native-typewriter
title: Typewriter for React Native
- path: /connections/sources/catalog/libraries/mobile/react-native/react-native-destination-filters
title: Destination Filters for React Native

- slug: kotlin-android
section_title: Analytics-Kotlin Documentation
Expand Down
2 changes: 1 addition & 1 deletion src/connections/destinations/catalog/salesforce/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -210,7 +210,7 @@ You can add whatever lookup fields you want to help Segment find the object you

### Custom Fields Aren't Updating

Make sure that the traits you're passing through match the Custom Field's API name and data type!
Make sure that the traits you're passing through match the Custom Field's API name and data type.


### Password Expiration
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,7 @@ title: Analytics Swift Amplitude Plugin
strat: swift
---

[Amplitude](https://amplitude.com/){:target="_blank"} is an event tracking and segmentation platform for your web and mobile apps. By analyzing the actions your users
perform, you can gain a better understanding to drive retention, engagement, and conversion.
[Amplitude](https://amplitude.com/){:target="_blank"} is an event tracking and segmentation platform for your web and mobile apps. By analyzing the actions your users perform, you can gain a better understanding to drive retention, engagement, and conversion.

## Getting started

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ Braze’s destination plugin code is open source and available on GitHub. You ca

## Getting Started


1. From the Segment web app, click **Catalog**.
2. Search for "Braze" in the Catalog, select it, and choose which of your sources to connect the destination to.
3. In the Destination Settings, add the **API Key**, found in the Braze Dashboard in *App Settings > Manage App Group*.
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
---
title: Cloud Mode Destinations
strat: react-native
---
Below is a list of the available cloud mode destinations for Analytics React Native.

{% include content/cloud-mode-dests.md %}
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
---
title: Analytics React Native Adjust Plugin
strat: react-native
---

[Adjust](https://adjust.com){:target="_blank"} is the mobile attribution provider of choice for hundreds of organizations across the globe. They unify all your marketing activities into one powerful platform, giving you the insights you need to scale your business. The Adjust Destination is open-source. You can browse the code on GitHub [here](https://github.com/segmentio/analytics-react-native/tree/master/packages/plugins/plugin-adjust).

## Getting started

{% include content/connection-modes.md %}

1. From the Segment web app, click **Catalog**.
2. Search for "Adjust" in the Catalog, select it, and choose which of your sources to connect the destination to.
3. You don't need to include Adjust's SDK natively, as this prevent you from successfully implementing the Adjust.
4. Depending on the source you've selected, include Adjust's library by adding the following lines to your dependency configuration.

## Adding the dependencies

You need to install the `@segment/analytics-react-native-plugin-adjust` and the `react-native-adjust` dependency.

Using NPM:
```bash
npm install --save @segment/analytics-react-native-plugin-adjust react-native-adjust
```

Using Yarn:
```bash
yarn add @segment/analytics-react-native-plugin-adjust react-native-adjust
```

Run `pod install` after the installation to autolink the Adjust SDK.

See [React Native SDK of Adjust](https://github.com/adjust/react_native_sdk) for more details of this dependency.


## Using the Plugin in your App

Follow the [instructions for adding plugins](https://github.com/segmentio/analytics-react-native#adding-plugins) on the main Analytics client:

In your code where you initialize the analytics client call the `.add(plugin)` method with an `AdjustPlugin` instance:

```ts
import { createClient } from '@segment/analytics-react-native';

import { AdjustPlugin } from '@segment/analytics-react-native-plugin-adjust';

const segmentClient = createClient({
writeKey: 'SEGMENT_KEY'
});

segmentClient.add({ plugin: new AdjustPlugin() });
```

## Identify

If you're not familiar with the Segment Specs, take a look to understand what the [Identify method](/docs/connections/spec/identify/) does. An example call would look like:

```ts
const { identify } = useAnalytics();

identify('user-123', {
username: 'MisterWhiskers',
email: '[email protected]',
plan: 'premium',
});
```

When you call `identify`, Segment will call Adjust's [addSessionPartnerParameter](https://github.com/adjust/ios_sdk#session-partner-parameters){:target="_blank"} method and set the `userId` and/or `anonymousId`. This will set these values within Adjust, and allow Adjust to send back attribution data from their servers.


## Track

If you're not familiar with the Segment Specs, take a look to understand what the [Track method](/docs/connections/spec/track/) does. An example call would look like:

```ts
const { track } = useAnalytics();

track('View Product', {
productId: 123,
productName: 'Striped trousers',
});
```


When you call `track` Segment maps the event to your pre-defined Adjust custom event. You **must** map your `track` events to your custom Adjust Event Token in your Adjust destination settings.

If you don't provide a mapping, Adjust cannot accept the event. Segment includes all the event `properties` as callback parameters on the Adjust event, and automatically translate `revenue` and `currency` to the appropriate Adjust event properties based on Segment's [spec'd properties](/docs/connections/spec/track/#properties).


## Install Attributed

### Client

Segment will trigger an `Install Attributed` event if you have **trackAttributionData** enabled in your settings and the Segment-Adjust integration installed in your app.

Using Adjust's [Attribution callback](https://github.com/adjust/ios_sdk#attribution-callback){:target="_blank"}, Segment listens for an attribution change from Adjust's SDK and triggers the call with the following Adjust attribution parameters:

| Key | Value | Description |
| ------------------- | ------------------------ | -------------------------------------------------- |
| provider | Adjust | hardcoded by Segment |
| trackerToken | attribution.trackerToken | the tracker token of the current install |
| trackerName | attribution.trackerName | the tracker name of the current install |
| campaign.source | attribution.network | the network grouping level of the current install |
| campaign.name | attribution.campaign | the campaign grouping level of the current install |
| campaign.content | attribution.clickLabel | the click label of the current install |
| campaign.adCreative | attribution.creative | the creative grouping level of the current install |
| campaign.adGroup | attribution.adgroup | the ad group grouping level of the current install |

If any value is unavailable, it will default to nil. This call will be sent to all enabled [device and cloud mode](/docs/connections/destinations/#connection-modes) destinations.

## Additional features

### Environments

By default, Segment's destination sends data to the Adjust Sandbox Environment. When you release your app to the App Store, enable the `Production` option in the Adjust destination settings on Segment (or use two separate sources, one for dev and one for prod, with different environment settings for Adjust).

### Callback parameters

The destination sends all event `properties` as callback parameters to Adjust. To set [Partner Parameters](https://github.com/adjust/ios_sdk#partner-parameters){:target="_blank"}, you can [access the Adjust SDK directly](https://docs.adjust.com/en/special-partners/segment/){:target="_blank"}.

### Transaction deduplication

The destination will automatically recognize the spec'd `orderId` property, and send it as the transaction ID to Adjust for revenue de-duplication.

### In-app purchase receipts

The destination does not currently support in-app purchase receipts. If this is important to you, [reach out to support](https://segment.com/help/contact/).

### Push notifications

The destination automatically forwards push notification tokens through to Adjust.

### Event buffering

By default, our destination enables event buffering for Adjust. This saves your customers' battery life. However, you can disable this in the options on the Adjust destination settings on Segment.
Loading

0 comments on commit 2ac27f8

Please sign in to comment.