Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

react with adobe analytics

Avatar

Avatar
Boost 1
Level 1
vipinj47308355
Level 1

Likes

2 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
vipinj47308355
Level 1

Likes

2 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
vipinj47308355
Level 1

25-04-2019

hi team,

how can i use my react webapp with adobe analytics, any help will be appriciated.

Thanks

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Affirm 100
Employee
ishans52004352
Employee

Likes

152 likes

Total Posts

312 posts

Correct Reply

101 solutions
Top badges earned
Affirm 100
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile

Avatar
Affirm 100
Employee
ishans52004352
Employee

Likes

152 likes

Total Posts

312 posts

Correct Reply

101 solutions
Top badges earned
Affirm 100
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile
ishans52004352
Employee

25-04-2019

HI vipinj47308355​,

You may want to check the following doc: react-native-adbmobile - npm

Thanks!

Answers (5)

Answers (5)

Avatar

Avatar
Boost 1
Level 1
scecomm48295826
Level 1

Like

1 like

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
scecomm48295826
Level 1

Like

1 like

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
scecomm48295826
Level 1

08-09-2019

I wanted to integrate Adobe Analytics with React NAtive mobile application(Android + IOS)

Found 2 ways to implement:

1. react-native-adobe-analytics - npm

It's library is not downloading.

npm install react-native-adobe-analytics --save · Issue #10 · smalltownheroes/react-native-adobe-ana...

2. react-native-adbmobile - npm

Now trying to implement this one.

Kindly assist which one is right way and why?

Avatar

Avatar
Affirm 5
Level 3
salimj
Level 3

Likes

16 likes

Total Posts

28 posts

Correct Reply

6 solutions
Top badges earned
Affirm 5
Give Back 3
Contributor
Applaud 5
Boost 10
View profile

Avatar
Affirm 5
Level 3
salimj
Level 3

Likes

16 likes

Total Posts

28 posts

Correct Reply

6 solutions
Top badges earned
Affirm 5
Give Back 3
Contributor
Applaud 5
Boost 10
View profile
salimj
Level 3

01-05-2019

I'd recommend (at a high level, without knowing your exact app) that for most Single Page Applications (SPA), utilizing a combination of DTM/Launch, Data Layer and Direct Call rules. Timing is almost always an issue for SPA's so fine control of when things are happening are probably the best way of tackling this.

The DTM/Launch script still needs to be added as per normal by the developer.

Since SPA's don't follow the usual convention for setting a data layer on the page, you could ask your developers to set your data layer object first, then when the object is ready, issue a _satellite.track('your-string-here') which would trigger your rule in the tag manager to send your values to Analytics. The track call would typically be set in the code after the success callback of the page being rendered.

There are likely other modules and tools which people have created on Github to help, but the above method would adapt if you should decide to change your framework in the future.

Avatar

Avatar
Applaud 500
MVP
Asheesh_P
MVP

Likes

129 likes

Total Posts

334 posts

Correct Reply

144 solutions
Top badges earned
Applaud 500
Affirm 100
Contributor
Boost 100
Give Back 10
View profile

Avatar
Applaud 500
MVP
Asheesh_P
MVP

Likes

129 likes

Total Posts

334 posts

Correct Reply

144 solutions
Top badges earned
Applaud 500
Affirm 100
Contributor
Boost 100
Give Back 10
View profile
Asheesh_P
MVP

01-05-2019

Hi Vipin,

You can see all the steps/best practices required for SPA (react native) tracking on this page Adobe Analytics Help | Using best practices when tracking SPA in Adobe Analytics 

Thanks,

Asheesh

Avatar

Avatar
Affirm 100
Employee
ishans52004352
Employee

Likes

152 likes

Total Posts

312 posts

Correct Reply

101 solutions
Top badges earned
Affirm 100
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile

Avatar
Affirm 100
Employee
ishans52004352
Employee

Likes

152 likes

Total Posts

312 posts

Correct Reply

101 solutions
Top badges earned
Affirm 100
Give Back 10
Give Back 5
Give Back 3
Give Back
View profile
ishans52004352
Employee

25-04-2019

Hi vipinj47308355​,

Not sure about the reactJS website, but the below doc will help in Analytics implementation using Javascript:

Implement Analytics using JavaScript

Hope this helps! Thank you!

Avatar

Avatar
Boost 1
Level 1
vipinj47308355
Level 1

Likes

2 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
vipinj47308355
Level 1

Likes

2 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
vipinj47308355
Level 1

25-04-2019

hi ishans9314858,

the link you have provided is for react-native, i want it be applied in my web site which is built in reactJS or a javascript implimentation would be helpfull, please send link of the tutorials for the same.

thnks!