Mobile app metric: navigation around a specific page - mobile

I have an app with multiple different sections on one long page, and I want to generate metrics on how different users navigate up and down the page looking at the different sections (something like a heatmap ideally).
Is this kind of metric commonly measured in mobile apps? Can anyone recommend any metric tracking software that would have this capability?

Related

google adsense mobile view

According to my client's research referenced here: https://support.google.com/adsense/answer/1354762?hl=en#n2 you are only allowed one ad for Google on mobile pages.
Also in Google rules is stated that ads may not be obscured, and hence it flows that they cannot be hidden.
The problem that I am currently sitting is that the site is a single site for both desktop and mobile views, and that to the best of my knowledge, I would have to hide content on client-side to ensure that only one ad is shown on the mobile view, as opposed to the three on the desktop view.
How do I achieve 3 ads on a desktop view and only one on the mobile view for a single site, without hiding the extra 2 ads on mobile view? Please advise?
If you are using WordPress then you can use "Google Publisher plugins (https://wordpress.org/plugins/google-publisher/) .
Actually it automatically adjust ads size according to screen whatever use mobile or pc

mixing AMP and non-amp pages

Complete edit:
I have at the moment small page. I am not restricted to any blogger platform. Just several server restrictions, but some of them are fixed wit .htaccess. DataURI, CSS and sprites will be used to mitigate the connect time penalties.
Will creating AMP entry page (or few pages) be considered cheating, because mainly static HTML with adaptive/responsive CSS will be served and not AMP pages?
Will standalone pictures benefit from the advertised caching if they are referenced in source, but thumbnails are used to link to standalone pictures? Do I have to make gallery with full size pictures to force caching?
Is it worth to create small AMP subset just to advertise or wait to have large content pool and many visitors?
Just answer your question in title, yes you can have AMP and NON-AMP pages. You can see WordPress plugin here https://wordpress.org/plugins/amp/ , they are currently generating AMP page for each Blog Post in Single view, however any other custom post types like Pages, Archive pages, Category pages,front page are all non-AMP.

Using responsive design within Google Sites

Is there a way to use responsive design principles with Google Sites. Has anyone tried that. Could you direct me to a sample site. I looked at this google help topic but then that is supposedly about exclusively mobile sites.
My main focus is a normal website which is optimized for web rather than primarily a mobile site.
Alternatively would Blogger be a better option in this case as that allows to change CSS.
I think your negative impression is right. It doesn't implement the features you'd expect in responsive design.
The key to your question is that Google Sites don't use a viewport declaration (meta viewport in the head element). If you don't have that, then device browsers treat you as a legacy desktop-only website. They assume you'll break completely below ~830px, and set a page min-width accordingly. That doesn't sound much like responsive design to me.
Google Sites don't let you write your own CSS or HTML HEAD, so you can't implement a more responsive design yourself.
To be fair, you can choose to not set a fixed page width. Also navigations buttons will reflow on relatively narrow windows, if you're using the "horizontal navigation" feature. The latter isn't great design but at least it's degrading gracefully.
There is an option "Automatically adjust site to mobile phones" under Manage site -> General. However many people suggest it's better not to use it :). I tried enabling it on an old site, previewing the page, and selecting "preview in mobile". At least on Firefox on my original netbook (800px width), it was not responsive. It didn't expand to use the 800px screen properly.
As an aside, the line-wrapping (or absence of it) is a pre-existing issue with my site. You could blame this on me for not testing it :). However it illustrates a limitation of the WYSIWYG editor in Google Sites. It doesn't show, check for, or filter out the formatting that causes this problem.
Mobile yes, responsive no.
I was messing with Google Sites today and you can make a site mobile friendly (I had to come here to get started!). I just used the "Blank Template" to mess around with.
You do need to activate (like others that have mentioned):
Options (gear icon) > Manage site > (scroll down to Mobile) Check.. Automatically adjust for mobile phones. Yeah, let's bury that option way down at the bottom!
Considering the whole mobile "push" Google implemented in the spring of 2015 this should be ON by default for any newly created Google Site.
Just selecting that option makes an OK (basic) mobile site. Not a responsive site. So on my iPhone it does scale photos correctly to fit the device and switches the main horizontal menu to the "hamburger" icon/menu. But collapsing the desktop browser window does not produce responsive results.
https://sites.google.com/site/rwstws51/
As a test, I uploaded a way too large photo (2.5mb) to see what would happen. Running the site through Google PageSpeed Insights it did not display any "optimize photos" warning, so seems to serves up an optimized photo for phones and desktops.
I guess the basic theme is actually called "Ski." I tried out the "Legal Pad" theme and it was totally borked on mobile. I think due to the header and content area background images.
To me Google Sites is ideal if you are already heavy into Google's other products... drive, docs, Google+, webmastertools, analytics, etc... As it has links to add those types of items when editing. Or need a quick site for collaborating as you can easily set the site access like YouTube,Drive items.
Also, you are very limited as to what html you can added. Trying to add a script tag gets stripped out when attempting to save. So again depending on the use there are definitely other options out there.
The answer applying to old "Classic" google sites is NO.
If you create your own custom HTML forms with apps script, you can add the #media viewports etc to the css for those pages/forms,so that helps...
but the google site frame around overrides custom css attempting
responsive design at the page level.
now a days its possible to make a responsive Google Site. since Google has enhanced this feature "Automatically adjust site to mobile phones" option in the Manage Site option button.
to find the option- go to> Manage Site> General> , in the general settings page's lower portion you can see a radio button named "Automatically adjust site to mobile phones". Just tick the radio button & u have enhanced the feature.
Refer an example site made with responsive Google site www.jyotiprokashmusic.com

Silverlight page with multiple page names in google analytics

I'm using Google Analytics to track traffic on my Silverlight page.
The same pages in my app are showing up under different names in the top content page.
For example, I have /Home with the most pageviews, then /ClientBin/???.xap/Home with fewer pageviews and then /Default.aspx/Home with even fewer pageviews.
It's the same with other pages (/ManageUsers, /ClientBin/???.xap/Manageusers, /Default.aspx/Manageusers) and so on.
The pageviews are different, so we can't just add them together since we are not sure why this is happening.
I know you can set a default homepage to account for differences in say / and /index.html, but that does't cover all our cases.
What I need to know is why does this happen? Can we just add them together or are some of them a subset of others?
Some of our users are using Out-of-browser, does that count as one of those three pages or is it mixed in with the others?
With some testing using Fiddler I think I've come to a conclusion.
The /ClientBin/???.xap/Home and similar pages are from
Out-of-browser.
The /Default.aspx/Home and similar pages are from
when you run the site from Visual Studio (debugging).
The /Home and similar pages are when the site is accessed on the server.
So in our example we add together the /Home and /ClientBin/???.xap/Home visit numbers to get the real numbers (ignore /Default.aspx/...).

Multi-shell application?

I am new to Prism.
Imagin a scenario where you want to develop a multi-region application, but there should are many types of screens and I want those regions to be in one screen only, whereas, for instance in the HomePage which is the application map (like in QuickBooks, see image bellow), there should be no regions, and the whole layout should be different.
Also I want that the application should be available for registered users only; unregistered users are automatically forwarded to the LoginView, and they're not supposed to see the regions etc.
How are these two aspects achieved?
I think I am going to implement the entire application using View-Based Navigation.

Resources