1. AEM 5.5 Implementation and Integration with the Marketing Cloud
Case Study
September 30, 2013
2. 2@ Siteworx (Confidential)
• Responsive Design
• Search & Promote Integration
• Campaigns in AEM (Test & Target)
• Windows installs
Agenda
SITEWORX:
Deepak Narisety
Director of Technology (NYC)
Leonardo Rodriguez-Velez
Senior Software Engineer (NYC)
www.facebook.com/Siteworx
@Siteworx
www.siteworx.com
3. Don’t over use frameworks:
• Boilerplate
• Modernizer
• Respond.js (made it more complicated)
• SASS or LESS for CSS
Designs are stored under /etc/designs
• The path to the design to be used for
a website is specified using the
cq:designPath property of the
jcr:content node.
ClientName
→ Images
→ Clientlibs
→ css
→ fonts
→ js
3@ Siteworx (Confidential)
Responsive Design
Note: ClientLibs dependencies and embed properties causes the ClientLibs manager to aggregate all the js and css
files. Found this to cause an issue with sitecatalyst analytics script
4. Search & Promote
Integration
How does it work (two way communication):
1. Work with the Search & Promote team to set up:
• The indexer
• The web service XML template
• The metadata definitions
2. Place <meta> metadata tags as defined above on
any pages that need to be indexed
3. Create a sitemap page, /content/sitemap.html for
S&P to crawl and index
Lessons Learned:
1. Out-of-the-box S&P loads JS & CSS functions
dynamically, we serve it up locally to improve
performance
2. Out-of-the-box S&P and CQ does not include the
creation of metatags, if you want faceted content,
we created a custom OSGI service that exposes
the facets in base template
3. Out-of-the-box S&P facets are not hierarchal, had
to create a class that orders the facets according
to business rules
Add the following to your site:
1. Text Box
2. Results
3. Facets
4. Promotions
5. Pagination
4@ Siteworx (Confidential)
Tool to check results:
https://searchandpromote.omniture.com/
px/home/
5. 5
Campaigns in AEM (cheat sheet)
Campaigns using AEM
1. Set up a Brand
2. Set up a campaign
3. Set up offers inside campaign
4. Use the teaser component and point it to campaign
Campaigns using T&T
1. Set up a Brand
2. Set up a campaign
3. Create offers using the T&T template
4. Push to T&T
5. Create a campaign in T&T and activate
6. Put mboxes on the pages
@ Siteworx (Confidential)
6. 6
Windows Installs (Caution)
• Use Apache on Windows not IIS
• Set up CQ as a Windows Service
• Done as Administrator
• Install uses a network service
• Issue with caching on the dispatcher with windows, file/paths & lengths 255 char
and does not accept UTF8 accents and other characters.
@ Siteworx (Confidential)
7. 7@ Siteworx (Confidential)
Good Luck with your implementations call me if you have any needs or questions.
Deepak Narisety
T: 917.740.5557 (EST)
dnarisety@siteworx.com
Linked In: deepaknarisety
Twitter: #deepakdogus
Thank you
1) For browsers don’t support media queries, use modernizer to identify the browser, select the proper css styles.2) Respond.js bypasses media queries.. It injects browsers width, height, browser name. Creates issues, so it’s one or the other. 3) Less in CQ is using an older version. We used SASS----- Meeting Notes (9/30/13 19:32) -----Renditions, being used for responsive design.
Search Results, basic customizing of the O-F-Box and rewrote in JSTL, original code was scriplets. As well as customizing the look and feel to match designsSearch Promotions/Banners: out of box, Created in search and promote, and will render what is on the S&P side.https://searchandpromote.omniture.com/px/home/?sp_id=0014b02a-sp100500fc