Expand my Community achievements bar.

Applications for the 2024 Adobe Target Community Mentorship Program are open! Click to the right to learn more about participating as either an Aspirant, to professionally level up with a new Certification, or as a Mentor, to share your Adobe Target expertise and inspire through your leadership! Submit your application today.
SOLVED

AT.js

Avatar

Level 4

Hello All,

we have  requirement where we need to use the st.js form target and show the content on the page.

As am new to target integration. 

We did the following steps:

1. Downloaded the at.js

2. Created a html file:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<script src="at.js"></script>
</head>
<body >
Hello

<div class="Test">
</div>


<div class="mboxDefault"></div>


<script type="text/javascript">

alert('Hi');

adobe.target.getOffer({  
  "mbox": "cardinal-global",  
  "success": function(offers) {  
        console.log('offers', offers);
        adobe.target.applyOffer( { "offer": offers } );
  },  
  "error": function(status, error) {          
      if (console && console.log) {
        console.log('Error:status',status);
        console.log('Error',error);
      }
  }
});

/*window.addEventListener('load',
    function(e) {
    console.log("GREATTTTT");
        adobe.target.getOffer({
            "mbox": "NPS_Right1",
            "params": {
                "trigger": "customEvent"
            },
            "success": function(offer) {
            console.log("SUCESSS");
                adobe.target.applyOffer({
                    offer: offer
                });
            },
            "error": function(status, error) { console.log("statusis :", status);console.log("erroris :", error);}
        });
    }
);*/

/*NPS_Right1
adobe.target.applyOffer({  
  
  "selector": ".cssClass #elementId",
  "offer": [{
    "type": "html",
    "content": "<h5>Hello <b>world!!!</b></h5>"
  }]
});*/

//var sampleApp = angular.module('sampleApp', ['ngRoute', 'adobe.target.directives']);
</script>

<div id="NPS_Right1" data-mboxname="NPS_Right1" mbox class="mboxCreate">
    </div>
</body>
</html>

 

 

am not getting any success back.

all the time getting the error and the message code is "mbox environment is disabled"

 

Can anyone please help me on this issues.

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi , 

Please see the following documentation on getting started with Target Implementation using at.js . Please do let me know in case of any more questions or queries.

https://marketing.adobe.com/resources/help/en_US/target/ov2/c_target-atjs-implementation.html

Thanks & Regards

Parit Mittal

View solution in original post

4 Replies

Avatar

Correct answer by
Level 10

Hi , 

Please see the following documentation on getting started with Target Implementation using at.js . Please do let me know in case of any more questions or queries.

https://marketing.adobe.com/resources/help/en_US/target/ov2/c_target-atjs-implementation.html

Thanks & Regards

Parit Mittal

Avatar

Level 10

Hi Ankit,

 If you have anything to share specific to above issue then please specify on this thread so that it can benefit the larger community.

Thanks & Regards

Parit Mittal

Avatar

Level 4

Thank you everyone for the help.

Below are steps i have followed to have successful output.

1. Created a pageload rule in DTM to use the at.js.

2. Created a web project in eclipse and  used above mentioned code  in this thread.

3. Started the web project and i the integration was successful.

4. Form target we were able to fetch the content for the mbox name we have defined and showed the content on the page.

 

 

Thanks,

Tulasi.