Reactjs | Community
Skip to main content
J
jakej40603950
Level 5
June 15, 2020
Solved

Reactjs

  • June 15, 2020
  • 1 reply
  • 3205 views

Is there any documentation on integration of Adobe Analytics (through javascript not through Launch / DTM) with reactjs SPA (not react-native just plain reactjs)? Or any npm module which helps with the same?

 

For e.g. here's a module which helps with integration of Google Analytics with react:

https://github.com/react-ga/react-ga

Anything similar for Adobe Analytics?

 

I tried including appmeasurement.js and calling s.t() from within react code but the code wouldn't compile on doing that.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by analystadmin
For overriding the page URL try the s.pageURL = "https://example.com"; method. See here for more info https://docs.adobe.com/content/help/en/analytics/implementation/vars/page-vars/pageurl.html

1 reply

analystadmin
analystadmin
Level 2
June 21, 2020

Hi @jakej40603950,

 

I'm familiar with some GTA/GA React packages, but have not seen similar offerings for Adobe Analytics.

 

To start, I recommend a solid understanding of the AppMeasurement library. Check out the official implementation guide here. In particular, look at the initialization (steps 1-3) which you can do in your main App component, then you can call s.t() in componentDidMount or via a hook of router components.

 

As for the code not compiling, what error is it throwing? Are you putting the AppMeasurement.js in the public folder?

 

-Miguel

    J
    jakej40603950Author
    Level 5
    June 21, 2020

    Thanks a lot for the reply.

    Error was due to not including s.tl() inside a script tag. But even after correcting it and putting it inside componentDidMount, the current URL being passed is always the parent one. The route changes seem to have no effect. You know if there's a way to fix that?

      Terms & ConditionsAccessibility statement

      Loading footer...