The document is a presentation on using Google Analytics with jQuery Mobile. It discusses how jQuery Mobile is a framework for building mobile websites and applications. It provides an overview of jQuery Mobile's features like Ajax-driven navigation, transitions between pages, and common mobile interface elements. The presentation also demonstrates how to integrate Google Analytics tracking code into a jQuery Mobile site and shows some live examples.

1. U s i n g G o o gl e A n a l y t i c s w i t h j Q u e r y M o bi l e
⼊入⾨門
2011.06.28
© 2011 DMM.com Labo Co.,Ltd.

2. Agenda
⾃自⼰己
⽇日
2 © 2011 DMM.com Labo Co.,Ltd.

3. © 2011 DMM.com Labo Co.,Ltd.

4. Koji Ishimoto
⾮非
4 © 2011 DMM.com Labo Co.,Ltd.

5. http://www.flickr.com/photos/crincon/1111326214/
Data Driven Design!
*HiPPO: Highest Paid Person's Opinion
© 2011 DMM.com Labo Co.,Ltd.

6. Designer
HiPPO
http://www.flickr.com/photos/crincon/1111326214/
Data Driven Design!
*HiPPO: Highest Paid Person's Opinion
© 2011 DMM.com Labo Co.,Ltd.

7. 2. jQuery Mobile Overview
© 2011 DMM.com Labo Co.,Ltd.

8. Version 1.0 Beta
A Touch-Optimized Web Framework for Smartphones & Tablets
7 © 2011 DMM.com Labo Co.,Ltd.

9. Works Everywhere!
8 © 2011 DMM.com Labo Co.,Ltd.

10. The State of Mobile Web Development 2011
jQTouch
6.88%
jQuery Mobile 3.66%
12.5%
Sencha Touch
Zepto
2.05%
The State of (Mobile) Web Development 2011
9 © 2011 DMM.com Labo Co.,Ltd.

11. JavaScript Distribution in Top Million Sites
45.1%
JavaScript Distribution in Top Million Sites
10 © 2011 DMM.com Labo Co.,Ltd.

12. jQuery Mobile Integration
Standard in Adobe CS5.5
11 © 2011 DMM.com Labo Co.,Ltd.

13. © 2011 DMM.com Labo Co.,Ltd.

14. 13 © 2011 DMM.com Labo Co.,Ltd.

15. 14 © 2011 DMM.com Labo Co.,Ltd.

16. 14 © 2011 DMM.com Labo Co.,Ltd.

17. Smartphone UI Elements
© 2011 DMM.com Labo Co.,Ltd.

18. Ajax-Driven Page Navigation
16 © 2011 DMM.com Labo Co.,Ltd.

19. Page Transitions
*video
17 © 2011 DMM.com Labo Co.,Ltd.

20. Page Transitions
*video
17 © 2011 DMM.com Labo Co.,Ltd.

21. example.com/a.html
example.com/b.html
18 © 2011 DMM.com Labo Co.,Ltd.

22. 19 © 2011 DMM.com Labo Co.,Ltd.

23. 19 © 2011 DMM.com Labo Co.,Ltd.

24. 20 © 2011 DMM.com Labo Co.,Ltd.

25. !?
20 © 2011 DMM.com Labo Co.,Ltd.

26. ⼦子
21 © 2011 DMM.com Labo Co.,Ltd.

27. 22 © 2011 DMM.com Labo Co.,Ltd.

28. 22 © 2011 DMM.com Labo Co.,Ltd.

29. ⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

30. ⼊入
⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

31. ⼊入
⼊入
22 © 2011 DMM.com Labo Co.,Ltd.

32. http://www.flickr.com/photos/druidicparadise/367047412/
Data is not found.
© 2011 DMM.com Labo Co.,Ltd.

33. Demo
24 © 2011 DMM.com Labo Co.,Ltd.

34. © 2011 DMM.com Labo Co.,Ltd.

35. 1. Ajax
26 © 2011 DMM.com Labo Co.,Ltd.

36. *jQuery Mobile 1.0 Beta 1
27 © 2011 DMM.com Labo Co.,Ltd.

37. 2.
28 © 2011 DMM.com Labo Co.,Ltd.

38. *jQuery Mobile 1.0 Beta 1
29 © 2011 DMM.com Labo Co.,Ltd.

39. *jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

40. ⽰示
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

41. ⽰示
⼊入
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

42. ⽰示
⼊入
*jQuery Mobile 1.0 Beta 1
30 © 2011 DMM.com Labo Co.,Ltd.

43. 31 © 2011 DMM.com Labo Co.,Ltd.

44. 32 © 2011 DMM.com Labo Co.,Ltd.

45. 33 © 2011 DMM.com Labo Co.,Ltd.

46. 33 © 2011 DMM.com Labo Co.,Ltd.

47. © 2011 DMM.com Labo Co.,Ltd.

48. ⼦子
35 © 2011 DMM.com Labo Co.,Ltd.

49. ⼈人
36 © 2011 DMM.com Labo Co.,Ltd.

50. Thank you!
Kanazawa's night view by ichigami
37

51. 38 © 2011 DMM.com Labo Co.,Ltd.