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

Link to Recording Added! [ADOBE TARGET BASICS WEBINAR] 8/7/19, Introduction to Single Page Apps Visual Experience Composer Webinar

Avatar

Avatar
Validate 250
Employee
Amelia_Waliany
Employee

Likes

184 likes

Total Posts

440 posts

Correct Reply

72 solutions
Top badges earned
Validate 250
Validate 100
Validate 50
Validate 25
Validate 10
View profile

Avatar
Validate 250
Employee
Amelia_Waliany
Employee

Likes

184 likes

Total Posts

440 posts

Correct Reply

72 solutions
Top badges earned
Validate 250
Validate 100
Validate 50
Validate 25
Validate 10
View profile
Amelia_Waliany
Employee

05-08-2019

CHECK OUT! The RECORDING of our latest

Adobe Target Basics webinar

LINK TO RECORDING

Introduction to Single Page Apps Visual Experience Composer webinar

Date: Wednesday, August 7th, 2019

Time: 8am - 9am PDT

Join Bennet Roy Joseph, technical consultant at Adobe, for a deep dive into how to leverage Adobe Target’s intuitive, DIY approach to creating Activities and Experiences for Single Page Apps, eliminating the development dependencies and latency involved in Multi-Page Applications. This webinar will break down the building blocks behind how the Visual Experience Composer for Single Page Apps offers a world of possibilities to digital marketers; from understanding implementation requirements, learning about Views and how to create them, and a touring through a step-by-step UI walkthrough of how to use the SPA VEC, we will cover everything you need to know for getting started with the SPA VEC. Register NOW and post your SPA VEC-related questions here in the webinar-specific discussion thread in the Adobe Target Community.

Have any burning SPA VEC-related questions that you'd like to have answered during the webinar?

Post them below before you forget! We'll make sure you get your answers.

1805999_pastedImage_11.png

Bennett Roy Joseph, Technical Consultant at Adobe

Replies

Avatar

Avatar
Boost 1
Level 1
srikanths830494
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
srikanths830494
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

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

07-08-2019

Can i consider Views as state changes on SPA pages? We do have few event listeners that fire on few states changes on our SPA pages (change in color on PDP, Cart Add, cart Remove etc.,) can i use those event listener names as Views in Target?

Avatar

Avatar
Boost 1
Level 1
jonasn3wzum3
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Applaud 5
View profile

Avatar
Boost 1
Level 1
jonasn3wzum3
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Applaud 5
View profile
jonasn3wzum3
Level 1

07-08-2019

Great webinar.  Looking forward to the deck. In the description, use VEC on at.js2.x to "leverage Adobe Target’s intuitive, DIY approach to creating Activities and Experiences for Single Page Apps, eliminating the development dependencies and latency involved in Multi-Page Applications."  But in the Q&A section on the webinar, it was mentioned that 1.x and 2.x can both be used on MPA pages (just not at the same time). Does 2.x have a tangible advantage over 1.x to use on all pages?  Or should we use 1.x on non-SPAs, and 2.x on SPA's?

Avatar

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
bennet_royj6135
Employee

08-08-2019

Hi,

You can consider Views as state changes as long as the state change results in a visual update on the page. if that is the case, Yes, you can use the existing event listeners to trigger the Views in Target.

Thanks

Bennet

Avatar

Avatar
Boost 1
Level 1
srikanths830494
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
srikanths830494
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

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

08-08-2019

So Our Web Developer should include/add adobe.target.triggerView("homeView") calls in their event listeners on page load and then write adobe.target.triggerView("homeView", {page: false}) calls to trigger state changes (like cart add) to reflect them in Target right?  Because our existing event listeners just update page data. For these event listeners to work with target we need to include triggerview() calls?

Avatar

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
bennet_royj6135
Employee

08-08-2019

Hi,

  • AT.js 2.x can be used on both MPA's and SPA's.
  • AT.js 2.x has advantages over AT.js 1.x.  So, it is recommended to use AT.js 2.x for both your Non SPA's as well as SPA pages.
  • AT.js 2.x and AT.js 1.x can be used on the same website, but not on the same page of the website.

I apologize that the answer given during the webinar QA created some confusion. Let me state a situation where you may have AT.js 1.x and 2.x run on the same website.

When you have multiple teams on your organization that handles different sections of the website and if you are using AT.js 1.x at the moment. You may not be able to upgrade your AT.js library for the entire website at once. So , you may end up up having few sections on AT.js 2.x and the rest on AT.js 1.x during the upgrade process. This intermediate state of your website is alright.

Thanks

Bennet

Avatar

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile

Avatar
Boost 3
Employee
bennet_royj6135
Employee

Likes

3 likes

Total Posts

3 posts

Correct Reply

0 solutions
Top badges earned
Boost 3
Boost 1
View profile
bennet_royj6135
Employee

08-08-2019

That is correct.

  • State Changes that results in loading a new SPA page should call -  adobe.target.triggerView("homeView") or adobe.target.triggerView("productView") etc.
  • State Changes that results in visual updates that does not need to be considered as a new page (Ex: cart add) should call - adobe.target.triggerView("homeView", {page: false}) or adobe.target.triggerView("productView", {page: false}) etc.
  • Yes, you need to include the relevant triggerView calls based on what is explained above on your event listeners

Avatar

Avatar
Shape 1
Level 3
robertc66522596
Level 3

Likes

33 likes

Total Posts

37 posts

Correct Reply

2 solutions
Top badges earned
Shape 1
Give Back 5
Give Back 3
Give Back
Ignite 1
View profile

Avatar
Shape 1
Level 3
robertc66522596
Level 3

Likes

33 likes

Total Posts

37 posts

Correct Reply

2 solutions
Top badges earned
Shape 1
Give Back 5
Give Back 3
Give Back
Ignite 1
View profile
robertc66522596
Level 3

09-08-2019

Is the webinar recording available somewhere? I had to miss it live but would like to watch it now.

Thank you

Avatar

Avatar
Validate 1
Level 2
danieli22263765
Level 2

Likes

18 likes

Total Posts

13 posts

Correct Reply

5 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 2
danieli22263765
Level 2

Likes

18 likes

Total Posts

13 posts

Correct Reply

5 solutions
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
danieli22263765
Level 2

12-08-2019

Hey Robert,

Not sure if Adobe are going to post this link, in the meantime please see this video blog on at.js 2.0 implementation (shameless self promotion). This covers everything from start to finish within a React (SPA) and some of the common pitfalls to watch out for.

If you have any questions feel free to drop me a message on here.

Adobe feel free to delete this when you post your own video 🙂

Part 1 - at.js 2.0 Overview

https://www.optisights.co.uk/blog/adobe-target-at-js-2-0-part-1-overview

Part 2 - at.js 2.0 Technical Implementation (SPA)

https://www.optisights.co.uk/blog/adobe-target-at-js-2-0-part-2-implementation