Injecting JS Code on AEM Web Pages for Analytics Integration | Community
Skip to main content
AEM_Forum
AEM_Forum
New Participant
October 10, 2017
Solved

Injecting JS Code on AEM Web Pages for Analytics Integration

  • October 10, 2017
  • 6 replies
  • 5070 views

Hi all,

If we need to Inject JS Code on AEM Web Pages for Analytics Integration, do we do it on templates or components or both?

I agree that DTM is a good tool for this.

Even if we use DTM, where will it inject?

If we are able to do it only on templates, the effort will be less.

Appreciate all your responses.

Thanks,

Rama.

    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 kautuk_sahni

    DTM Way (Recommended way)

    Please have a look at my previous reply, I stated it clearly that its the Page where we inject the code by adding could service to the Base page.

    "It is always recommended to it at webpage level by going through page property->could service-> select DTM connector"

    NON DTM

    If it is not with DTM then you can add any script to AEM page in a way with which we add JavaScript normally to the page.

    Using DTM for this case is easy, manageable and can be done without knowing the code information.Also, the user could run various kind of rules and make the best use of AEM context hub and custom data layer. This is the main ideology kept in mind so that marketer can configure any analytics JS or third-party JS in a web page.

    And if you would like to connect AEM with third party Analytics then this connector could also be used:- Analytics with External Providers

    ~kautuk

    6 replies

    VeenaVikraman
    VeenaVikraman
    New Participant
    October 11, 2017

    We have DTM integrated for our projects. I would recommend to add the script in templates level. There will be one JS which will pull all the scripts from DTM. So the best thing you can do if you are using DTM is to insert it to the templates.

      kautuk_sahni
      kautuk_sahniAccepted solution
      Employee
      October 11, 2017

      DTM Way (Recommended way)

      Please have a look at my previous reply, I stated it clearly that its the Page where we inject the code by adding could service to the Base page.

      "It is always recommended to it at webpage level by going through page property->could service-> select DTM connector"

      NON DTM

      If it is not with DTM then you can add any script to AEM page in a way with which we add JavaScript normally to the page.

      Using DTM for this case is easy, manageable and can be done without knowing the code information.Also, the user could run various kind of rules and make the best use of AEM context hub and custom data layer. This is the main ideology kept in mind so that marketer can configure any analytics JS or third-party JS in a web page.

      And if you would like to connect AEM with third party Analytics then this connector could also be used:- Analytics with External Providers

      ~kautuk

      Kautuk Sahni
        smacdonald2008
        smacdonald2008
        New Participant
        October 10, 2017

        As using DTM is best practice - we recommend using this. Why are you not using this approach?

        AEM_Forum
        AEM_ForumAuthor
        New Participant
        October 10, 2017

        Thanks Kautuk for this detailed response.

        1. Let us consider not using DTM.

        If Templates is not answer and components is also not answer, what is the correct answer?

        Mix and match?

        2. Where does DTM insert?

        I have been through both these videos. Neither of them addresses this question.

        Appreciate your responses.

        Thanks,

        Rama.

        kautuk_sahni
        kautuk_sahni
        Employee
        October 10, 2017

        Hi,

        I highly recommend you to do hands-on this integration:- Adobe Experience Manager Help | Integrating Adobe Experience Manager with Adobe Analytics and Target using DTM

        This will help you clear many of your doubts. In AEM we create a web page using the template and within that web page's template, we add components. It does not make any sense of adding Analytics JS at the component level. Same it is not good to do on template level. Maybe 2 different web pages on the same template need to have different analytics implementation. so, in this case, we can use different DTM cloud service.

        It is always recommended to it at web page level by going through page property->could service-> select DTM connector.

        I hope this answers your question.

        ~kautuk

        Kautuk Sahni
          smacdonald2008
          smacdonald2008
          New Participant
          October 10, 2017

          See this cross solution article - it will point you in the correct direction -- Adobe Experience Manager Help | Integrating Adobe Experience Manager with Adobe Analytics and Target using DTM

          Also - here is Ask the AEM Commuity Experts on AEM and Analytics that will help you too -- ATACE March 28 2017

          Terms & ConditionsAccessibility statement

          Loading footer...