AEM Apps Enhanced: In-app Messaging and Beacons by John Fait

1. AEM Apps Enhanced :
In-app Messaging and Beacons
John Fait, Adobe
AEM Apps R&D

2. Me
2
AEM APPS

3. 3

4. Attendees

5. Mobile
AEM Apps
Messaging
Beacons
Q & A
Agenda

6. Mobile
Trends and Challenges

7. • Users are consuming content across web, mobile
web and mobile app channels
• Content consumption via Mobile far outpaces the
browser
• Users expect apps
• User experience first
• Beacons and Location Based Services on rise
• Personalization and contextual targeting
Trends
Mobile is very important &
the opportunity is huge

8. • App Management
• Multiple platforms
• Multiple devices
• Rising costs
• User Experience
• Conversion
• Loyalty
• Retention
• Mindshare
Challenges
Mobile development and management
is challenging

9. AEM Apps
Apps Made Easy

10. AEM Apps
Mobile Apps Made Easy!
Enterprise
DPS
AEM Apps
Adobe
PhoneGap
Enterprise
Adobe
Digital Publishing
Solution
Native
Apps

11. Managing Apps
1.
Create
2.
Manage
3.
Measure
4.
Optimize
AEM Apps mobile
application development
and management
platform

12. Apps Made Easy
Mobile Apps Made Easy!
• Reuse AEM authoring and development skillsets
• Reuse assets across channels and devices
• Reduce costs, increase consistency improve brand loyalty
• Easy app updates without AppStore submissions

13. 13

14. NOPE
-[nohp] Adverb, informal
1. No
Examples:
Nope, your app is not done

15. 15

16. • Analytics
• Targeting & Personalization
• Messaging
• Beacons and Location Services
Advanced Apps

17. Messaging

18. • Retention
• Engagement
• Conversion
• Notifications
• Offers
• Content promotion
Messaging
Push
In-App Messaging

19. High access to users.
App does not have to be running.
• Delivers message to users home screen
• Requires user opt in
• Can bring users back to your app
• Simple to implement, simple to miss-use
difficult to do well (or is it?)
Push

20. App must be running.
• Does not require opt in
• Richer content, more relevance
• Keep your users engaged and loyal
In-App Messaging

21. DEMO
In App Messaging

22. DEMO REVEALED
In App Messaging

29. Messaging Tips and Tricks
Mobile Apps Made Easy!
• Clear message and action to take
• Measure, review and repeat
• Target and Personalize (Audiences)
• Respect the user
– Content
– Timing
– Frequency

30. Push Messaging Tips, Tricks and Benefits
Mobile Apps Made Easy!• Clear message and action to take
• Measure, review and repeat
• Target and Personalize (Audiences)
• Respect the user
– Content
– Timing
– Frequency
• Transparent about type, frequency and benefits of
messaging to increase opt in rate
• Deep linking, take user to the content

31. In-App Messaging Tips, Tricks and Benefits
Mobile Apps Made Easy!• Clear message and action to take
• Measure, review and repeat
• Target and Personalize (Audiences)
• Respect the user
– Content
– Timing
– Frequency
• Rich and visually appealing
• Can be used to complement push
messaging

32. Beacons

33. Small wireless device that broadcasts a
radio signal at regular intervals
Uses BlueTooth Smart™ Technology (aka
BLE)
• Very low power
• Low cost
• Large range
• Supported by all modern smartphones
What are Beacons

34. How do Beacons work?
1. Beacons broadcast a radio signal at a regular interval
2. Signal is detected by listening nearby
Bluetooth Smart™ enabled device
3. App uses the signal to identify the beacon
and optionally take action

35. How do Beacons work?
Broadcast
• ProximityUUID, Major, Minor, txPower, other
Detection
• Ranging
• Monitoring
Action
• Triggers : Enter, Exit, Dwell …
• Actions : track, enable/disable, show/hide …

36. Merge digital and physical worlds
to deliver engaging mobile experiences
• Proximity marketing
• Traffic analysis
• Deliver contextually relevant content and experiences
• Gamification
• Contextual feature enablement and app behaviour
modification
• Welcome and parting messages
Beacons Uses

37. • Beacons ARE NOT accurate
• Beacons ARE proximity based NOT location based
• Beacons DO NOT track you or collect information about you
• Beacons DO NOT deliver content to you
• Beacons ARE easily discoverable (not just by your app)
• Beacons ARE NOT limited to indoor use
• Phones CAN BE beacons
• Beacons WORK offline
Beacons Myths and Truths

38. DEMO
Beacons

39. DEMO REVEALED
Beacon Management : Authoring

46. DEMO REVEALED
Beacon Management : Development

47. config.xml
<plugin name="com.telerik.plugins.nativepagetransitions" spec="https://github.com/Telerik-Verified-
Plugins/NativePageTransitions#0.4.0" />
<plugin name="pl.makingwaves.estimotebeacons" spec="https://github.com/
evothings/phonegap-estimotebeacons.git" />
<plugin name="cordova-plugin-whitelist" spec="https://github.com/apache/cordova-plugin-whitelist" />

48. Plugin Usage
// iOS Request permission to access Location Services
estimote.beacons.requestAlwaysAuthorization();
// Starting ranging
estimote.beacons.startRangingBeaconsInRegion($scope.regionData, onBeaconsRanged,
onError);
function onBeaconsRanged(beaconInfo) {
BeaconManager.trackBeacons(beaconInfo);
}
// Stop Ranging
estimote.beacons.stopRangingBeaconsInRegion($scope.regionData, onRangingStopped,
onError);

49. Beacon Export into Beacons.json
<jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
jcr:primaryType="nt:unstructured"
path="/content/phonegap/conference-app/en/home/beacons"
targetRootDirectory="www"
type="beacons-list"/>
[
{
"name": "Coffee Shop Beacon",
"description": "Proximity to the adobe ottawa coffee shop",
"uuid": "b9407f30-f5f8-466e-aff9-25556b57fe6d",
"major": 3437,
"minor": 10001,
"location": "Coffee Shop",
"onEnter": "/content/phonegap/conference-app/en/home/venues/adobe/rooms/coffeeshop"
},
…
]

50. Adobe Mobile Services: tracking
https://marketing.adobe.com/resources/help/en_US/mobile/ios/phonegap_methods.html

51. Beacon Management : enterBeaconCallback
• Track closest beacon
• Ignore noise and dropped signals
• Fire callbacks for beaconEnter, beaconExit and beaconUpdate
function enterBeaconCallback(beacon){
console.log("APP BEACON ENTER >>>>> " +BeaconManager.getBeaconAsString(beacon));
…
if (beaconJson != null && beaconJson.onEnter != null) {
$scope.go(beaconJson.onEnter, beaconJson.name);
}
…
}
function exitBeaconCallback(beacon){…}
function updateBeaconCallback(beacon, dwellTime){…}

52. Beacon Management : exitBeaconCallback
• Track closest beacon
• Ignore noise and dropped signals
• Fire callbacks for beaconEnter, beaconExit and beaconUpdate
function enterBeaconCallback(beacon){…}
function exitBeaconCallback(beacon){
console.log("APP BEACON EXIT < < < " + BeaconManager.getBeaconAsString(beacon));
…
if (beaconJson != null && beaconJson.onExit != null) {
$scope.go(beaconJson.onExit, beaconJson.name);
}
…
}
function updateBeaconCallback(beacon, dwellTime){…}

53. Beacon Management : updateBeaconCallback
• Track closest beacon
• Ignore noise and dropped signals
• Fire callbacks for beaconEnter, beaconExit and beaconUpdate
function enterBeaconCallback(beacon){…}
function exitBeaconCallback(beacon){…}
function updateBeaconCallback(beacon, dwellTime){
if(dwellTime%5==0){
console.log("APP BEACON UPDATE > " + BeaconManager.getBeaconAsString(beacon)
+ ":" + dwellTime);
}
// DWELL ACTION
}

54. DEMO REVEALED
Adobe Mobile Services :
Beacon Path Analysis Traffic Reporting

56. DEMO REVEALED
Adobe Mobile Services :
Beacons as action triggers

59. DEMO REVEALED
Adobe Mobile Services :
Technology Report

62. • Power/Battery
• Size
• Management & Provisioning
• Development and Testing
• Signal Accuracy and Noise
– Distance fluctuations
– Proximity variations
– Obstacles
Beacon Challenges

63. Beacon Challenges : Noise and Inaccuracy

64. Test. Re-Test. Test Again.
• Test the Plan (triggers, actions, etc)
• Test via Simulation
• Test the reality (real physical environment)
• Test against different devices and OSs
Beacons Tips and Tricks

65. • Phone as your beacons
• Dev/test page in your app to fake/trigger beacon events
• Use/configure dwell time, signal ignores distance/
proximity setting
• Adjust beacon power
Beacons Tips and Tricks Continued…

66. Takeaways
2Messaging to bring
back, retain and
convert users
1AEM Apps for your App
development and
management needs
3Beacons to merge and
reduce the friction
between the digital and
physical experiences

67. Questions

68. John Fait
AEM Apps R&D
Thank you