SlideShare a Scribd company logo
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.
Agenda

    ⾃自⼰己




      ⽇日




2          © 2011 DMM.com Labo Co.,Ltd.
© 2011 DMM.com Labo Co.,Ltd.
Koji Ishimoto




           ⾮非




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




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




                                HiPPO




http://www.flickr.com/photos/crincon/1111326214/
                                                  Data Driven Design!
                                                               *HiPPO: Highest Paid Person's Opinion




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




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




7                                   © 2011 DMM.com Labo Co.,Ltd.
Works Everywhere!
8             © 2011 DMM.com Labo Co.,Ltd.
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.
JavaScript Distribution in Top Million Sites




                                                                   45.1%


                    JavaScript Distribution in Top Million Sites


10                                                                  © 2011 DMM.com Labo Co.,Ltd.
jQuery Mobile Integration

     Standard in Adobe CS5.5
11                        © 2011 DMM.com Labo Co.,Ltd.
© 2011 DMM.com Labo Co.,Ltd.
13       © 2011 DMM.com Labo Co.,Ltd.
14   © 2011 DMM.com Labo Co.,Ltd.
14   © 2011 DMM.com Labo Co.,Ltd.
Smartphone UI Elements
                © 2011 DMM.com Labo Co.,Ltd.
Ajax-Driven Page Navigation




16                          © 2011 DMM.com Labo Co.,Ltd.
Page Transitions




                    *video



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




                    *video



17                           © 2011 DMM.com Labo Co.,Ltd.
example.com/a.html

     example.com/b.html




18                        © 2011 DMM.com Labo Co.,Ltd.
19   © 2011 DMM.com Labo Co.,Ltd.
19   © 2011 DMM.com Labo Co.,Ltd.
20   © 2011 DMM.com Labo Co.,Ltd.
!?
20        © 2011 DMM.com Labo Co.,Ltd.
⼦子




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




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



     ⼊入




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



     ⼊入




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



24          © 2011 DMM.com Labo Co.,Ltd.
© 2011 DMM.com Labo Co.,Ltd.
1. Ajax




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




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




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




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




30       © 2011 DMM.com Labo Co.,Ltd.
⽰示


     




     
                                 




                      *jQuery Mobile 1.0 Beta 1




30            © 2011 DMM.com Labo Co.,Ltd.
⽰示


     
              ⼊入


     
                                      




                           *jQuery Mobile 1.0 Beta 1




30                 © 2011 DMM.com Labo Co.,Ltd.
⽰示


     
              ⼊入


     
                                      




                           *jQuery Mobile 1.0 Beta 1




30                 © 2011 DMM.com Labo Co.,Ltd.
31   © 2011 DMM.com Labo Co.,Ltd.
32   © 2011 DMM.com Labo Co.,Ltd.
33   © 2011 DMM.com Labo Co.,Ltd.
33   © 2011 DMM.com Labo Co.,Ltd.
© 2011 DMM.com Labo Co.,Ltd.
⼦子




35        © 2011 DMM.com Labo Co.,Ltd.
⼈人




36        © 2011 DMM.com Labo Co.,Ltd.
Thank you!




Kanazawa's night view by ichigami
 37
38   © 2011 DMM.com Labo Co.,Ltd.

More Related Content

PDF
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
PDF
How to Become a Thought Leader in Your Niche
PPT
WITI Summit 2013 Mobile Technology Trends & Strategy
PDF
2018 B2B expo - Raja Saggi
PDF
Mobile WPO
PDF
Mobilism 2011: How to put the mobile in the mobile web
PPTX
Natural born conversion killers - Conversion Jam
PPTX
Mobile Performance Testing - Testing the Server
インターネットテレビ局「AbemaTV」における Googleアナリティクス360の活用事例
How to Become a Thought Leader in Your Niche
WITI Summit 2013 Mobile Technology Trends & Strategy
2018 B2B expo - Raja Saggi
Mobile WPO
Mobilism 2011: How to put the mobile in the mobile web
Natural born conversion killers - Conversion Jam
Mobile Performance Testing - Testing the Server

Similar to Using Google Analytics with jQuery Mobile (20)

PDF
Go Mo Playbook - Guide to mobile website
PDF
The GoMo Playbook for Mobile Websites from Google
PDF
Go Mo Playbook
PDF
Go mo playbook
PDF
Html5 performance
PDF
GoMo_Playbook.pdf
PDF
GoMo_Playbook.pdf
PPTX
Mobile Breakfast Briefing June 2012
PDF
Smartphones - the ultimate recruitment tool
PPS
Mobile powerpoints4
PPTX
Mobile search ranking factors
KEY
Capitalizing on the Mobile Web
PDF
Mobile: getting started
PDF
Camerjam mobile travel masterclass somo
PDF
Camerjam public sector masterclass yoc
PDF
MT5で実現するマルチデバイス、クロスプラットフォーム
PPT
Qpma presentation
PPTX
Mobile Web Design - Why a Mobile Website?
PPTX
30+ Recent Design Elements in Web Apps
PPTX
Why mobile is important
Go Mo Playbook - Guide to mobile website
The GoMo Playbook for Mobile Websites from Google
Go Mo Playbook
Go mo playbook
Html5 performance
GoMo_Playbook.pdf
GoMo_Playbook.pdf
Mobile Breakfast Briefing June 2012
Smartphones - the ultimate recruitment tool
Mobile powerpoints4
Mobile search ranking factors
Capitalizing on the Mobile Web
Mobile: getting started
Camerjam mobile travel masterclass somo
Camerjam public sector masterclass yoc
MT5で実現するマルチデバイス、クロスプラットフォーム
Qpma presentation
Mobile Web Design - Why a Mobile Website?
30+ Recent Design Elements in Web Apps
Why mobile is important
Ad

More from Koji Ishimoto (19)

PDF
マイクロインタラクション事始め以前
PDF
JavaScript/CSS 2015 Autumn
PDF
Evaluating your stylesheets
PDF
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
PDF
WebデザイナーのためのSass/Compass入門
PDF
パフォーマンスから考えるSass/Compassの導入・運用
PDF
モバイル制作におけるパフォーマンス最適化について
PDF
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
PDF
スマートフォンWebアプリ最適化”3つの極意”
PDF
TumblrTouch
PDF
大規模サイトにおけるGoogleアナリティクス導入から成果まで
PDF
tissa for iOS
KEY
mobile first
KEY
Communities of Practice – kanazawa.js結成までの軌跡 -
PDF
Long Life Web Performance Optimization
PDF
Coding Web Performance
PDF
ビジネスにおけるウェブパフォーマンス
PDF
High Performance Web Design
PDF
Webスライスから始めるmicroformats
マイクロインタラクション事始め以前
JavaScript/CSS 2015 Autumn
Evaluating your stylesheets
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
WebデザイナーのためのSass/Compass入門
パフォーマンスから考えるSass/Compassの導入・運用
モバイル制作におけるパフォーマンス最適化について
Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -
スマートフォンWebアプリ最適化”3つの極意”
TumblrTouch
大規模サイトにおけるGoogleアナリティクス導入から成果まで
tissa for iOS
mobile first
Communities of Practice – kanazawa.js結成までの軌跡 -
Long Life Web Performance Optimization
Coding Web Performance
ビジネスにおけるウェブパフォーマンス
High Performance Web Design
Webスライスから始めるmicroformats
Ad

Recently uploaded (20)

PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Modernizing your data center with Dell and AMD
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
A Presentation on Artificial Intelligence
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
KodekX | Application Modernization Development
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Encapsulation theory and applications.pdf
Unlocking AI with Model Context Protocol (MCP)
Reach Out and Touch Someone: Haptics and Empathic Computing
The AUB Centre for AI in Media Proposal.docx
Understanding_Digital_Forensics_Presentation.pptx
cuic standard and advanced reporting.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Advanced methodologies resolving dimensionality complications for autism neur...
MYSQL Presentation for SQL database connectivity
Encapsulation_ Review paper, used for researhc scholars
Modernizing your data center with Dell and AMD
Digital-Transformation-Roadmap-for-Companies.pptx
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Spectral efficient network and resource selection model in 5G networks
NewMind AI Weekly Chronicles - August'25 Week I
A Presentation on Artificial Intelligence
20250228 LYD VKU AI Blended-Learning.pptx
KodekX | Application Modernization Development
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Review of recent advances in non-invasive hemoglobin estimation
Encapsulation theory and applications.pdf

Using Google Analytics with jQuery Mobile