26 Kasım 2012 Pazartesi

Track the Browser Size with Google Analytics

To contact us Click HERE

Google Analytics reports the “screen resolution” of the visitor’s computer but skips the other important metric which is the size of the browser window. These two numbers will be approximately similar if the browser window is kept in maximized state but not otherwise. →

Take a look at the example below. The screen resolution of the desktop is 1920×1080 (this is the number recorded by Google Analytics) but the actual browser window size (where your website is displayed) is a little over 900×600 pixels.

Browser Size vs Screen Resolution

Google Analytics displays the Screen Resolution and not the actual Browser Size of the visitor.

The screen resolution is a less-useful metric and what you really need to know is the actual size (or range) of the browser window of your visitors. This data can be easily gathered through Google Analytics – simply copy-paste the following code snippet just before the closing </body> tag of your website template:

<script type="text/javascript">
 var width  = window.innerWidth  || document.body.clientWidth;
 var height = window.innerHeight || document.body.clientHeight;

 width  = Math.round(width/100)*100;
 height = Math.round(height/100)*100;

 var size = width + "x" + height;
 _gaq.push(['_trackEvent', 'Browser Size', 'Range', size]);
</script>

It calculates the actual height and width of the browser window and then rounds off these numbers to the nearest 100. For instance, a browser size of 985×1190 pixels is recorded as 1000×1200 pixels. You can then access this data in Google Analytics through Content -> Events -> Overview and then choose “Browse Size” as the Events Category.

Once you know the popular “ranges,” you can update the site layout and placement accordingly so that visitors can see all the important elements on your pages Above the Fold without having to use the scroll bar.

Also see: Getting Started with Responsive Web Design

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, Track the Browser Size with Google Analytics, was originally published at Digital Inspiration on 26/11/2012 under Google Analytics, Web Design, Internet.


The results are in—Zagat’s America's Top Restaurants revealed

To contact us Click HERE
To help people find the best places to eat in 46 U.S. cities and regions, we’re revealing the results of our 2013 America’s Top Restaurants Survey covering 1,822 of the nation’s top-rated restaurants. From Boston to Portland and Chicago to Miami, the results of this year’s Zagat Survey are based on millions of reviews from everyday diners who shared their experiences through their favorite Google products.

Winners include perennial favorites like the “exceptional” American Gary Danko (San Francisco), Eric Ripert’s French “seafood shrine” Le Bernardin (New York), and the “flawless” New American Bacchanalia (Atlanta), as well as top spots like Alinea (Chicago), Urasawa (Los Angeles) and Joël Robuchon (Las Vegas).

While many of the top restaurants break out the china and crystal, a number of standouts included in the guide are casual gourmet places like pizzerias: Settebello (Vegas and Salt Lake City), Supino Pizzeria (Detroit’s No.1 restaurant), Serious Pie (Seattle) and Dough (San Antonio); sandwich specialists: Bäco Mercat (LA), Cochon Butcher (New Orleans) and Melt Bar & Grilled (Cleveland); burger specialists: B Spot (Cleveland), Flip Burger Boutique (Atlanta) and Sketch (Philadelphia); and BBQs: Union Woodshop, Slows Bar BQ and Zingerman’s Roadhouse (Detroit).

Thanks to those of you who share your restaurant adventures with us, we also have a snapshot of what dining out in America looks like. Based on surveyors in 10 major cities, we have found that the average number of meals cooked at home (7.0 per week) outpaces the average number of meals they eat/take out (6.1)—a trend that has been building since the Great Recession. We also know that diners in Houston eat out the most (4.1 times per week vs. the 3.2 national average), and that at 19.6 percent, the City of Brotherly Love is also the city of most generous tippers.


Zagat ratings and reviews for tens of thousands of restaurants at every price point and cuisine are available via the Google products you use every day, like search, Google+, Maps and mobile.

Congratulations to this year’s winners and bon appétit!

Gmail's New Interface for Composing Messages

To contact us Click HERE
There are many tricks that let you compose a Gmail message in a new window: you can press "Shift" while clicking the "Compose" button, use the "Shift+c" shortcut or click the "pop-out" icon if you've already started to compose a message. Composing a message in a new window lets you use Gmail's search feature, read other messages and even write multiple messages at a time.

Gmail's engineers spent a lot time improving this feature, minimizing page loading time and making sure that the original message is preserved, but few people use it.
Now Google tries to bring this feature to everyone by opening a chat-like panel inside Gmail's interface when you compose a new message. It's a feature currently tested by Google that will be rolled out in the coming months.

"The new compose pops up in a window, just like chats (only larger). This makes it easy to reference any other emails without ever having to close your draft. You can even do a search or keep an eye on new mail as it comes in. And because the compose window works the same way as chats, you can write multiple messages at once and minimize a message to finish it later."


The new interface also brings a feature from Yahoo Mail: recipient boxes that can be removed or dragged and dropped to other fields ("to:", "cc:", "bcc:"). There's a new icon that shows text formatting features, an icon for attachments and a "+" icon for embedding photos, links, emoticons and Google Calendar events.


Google also improved the interface for replying, but it looks like you'll still reply inline by default. "The reply experience has been designed to fit better inline as part of your conversation - replies take up much less vertical height, intelligently expand to fit your content, and always keep the recipients and other controls in view no matter how long your message gets."

To try the new interface, open Gmail, click the "Compose" button and look for the "new compose experience" link right next to the "Labels" button. If you can't find it, you'll have to wait until it's added to your account. For now, you can switch to the old interface if you don't like the changes. Some features are not yet available in the new interface: inserting emoticons and event invitations, adding labels to outgoing messages, canned responses.

Google tried to streamline the "compose" window, so many advanced features will be more difficult to find. You'll have to click different icons to find text formatting options, add events or spell check your text. To send mail from another address, you'll have to "click into the 'To' field, then click the 'From' link to select which address you'd like to send mail from". Gmail is suddenly more difficult to use, but the interface looks better.


{ Thanks, Ben. }

How to Open Any Mail in Gmail's New Panels

To contact us Click HERE
If you've enabled Gmail's new interface for composing messages, there's a simple way to open any Gmail message in the chat-like panels:

1. open the message

2. edit the URL from your browser's address bar. Replace the last slash (/) from the URL with ?compose=

For example, replace:

https://mail.google.com/mail/u/0/?shva=1#inbox/13a111c6f50b9084

with:

https://mail.google.com/mail/u/0/?shva=1#inbox?compose=13a111c6f50b9084


Gmail actually creates a new message with the same content and saves it as a draft. That's the reason why you can edit the message. When you no longer need the message, click the "close" button. You may need to delete the messages from the "drafts" label.

You can open multiple messages using the same trick. After using the instructions above:

3. open a new Gmail message

4. edit the URL from your browser's address bar. Replace ?compose= with & and the last slash (/) from the URL with ?compose=.

Google's Improved Word Translator

To contact us Click HERE
Google Translate is great for translating long texts, but it's also useful for translating words and expressions. The main difference is that words can have multiple meanings and Google Translate will usually show more than one translation.

Now it's easier to select the right translation because Google shows if they're common and groups synonyms. Another improvement is that Google displays a list of reverse translations for each candidate, so you can pick the most appropriate word. "Reverse translations can distinguish translations of different meanings and reveal subtle differences among similar words. Each translation is now annotated with its most frequent reverse translations," explains Google.

For example, the French word "fort" has a lot meanings, so it's hard to pick between "loud", "strong", "heavy", especially if you don't know English. Google's reverse translations are helpful and it's nice to know that "strong" is the most common translation.


Unfortunately, the new features are only available if you're translating from English or into English.

25 Kasım 2012 Pazar

Gmail's New Interface for Composing Messages

To contact us Click HERE
There are many tricks that let you compose a Gmail message in a new window: you can press "Shift" while clicking the "Compose" button, use the "Shift+c" shortcut or click the "pop-out" icon if you've already started to compose a message. Composing a message in a new window lets you use Gmail's search feature, read other messages and even write multiple messages at a time.

Gmail's engineers spent a lot time improving this feature, minimizing page loading time and making sure that the original message is preserved, but few people use it.
Now Google tries to bring this feature to everyone by opening a chat-like panel inside Gmail's interface when you compose a new message. It's a feature currently tested by Google that will be rolled out in the coming months.

"The new compose pops up in a window, just like chats (only larger). This makes it easy to reference any other emails without ever having to close your draft. You can even do a search or keep an eye on new mail as it comes in. And because the compose window works the same way as chats, you can write multiple messages at once and minimize a message to finish it later."


The new interface also brings a feature from Yahoo Mail: recipient boxes that can be removed or dragged and dropped to other fields ("to:", "cc:", "bcc:"). There's a new icon that shows text formatting features, an icon for attachments and a "+" icon for embedding photos, links, emoticons and Google Calendar events.


Google also improved the interface for replying, but it looks like you'll still reply inline by default. "The reply experience has been designed to fit better inline as part of your conversation - replies take up much less vertical height, intelligently expand to fit your content, and always keep the recipients and other controls in view no matter how long your message gets."

To try the new interface, open Gmail, click the "Compose" button and look for the "new compose experience" link right next to the "Labels" button. If you can't find it, you'll have to wait until it's added to your account. For now, you can switch to the old interface if you don't like the changes. Some features are not yet available in the new interface: inserting emoticons and event invitations, adding labels to outgoing messages, canned responses.

Google tried to streamline the "compose" window, so many advanced features will be more difficult to find. You'll have to click different icons to find text formatting options, add events or spell check your text. To send mail from another address, you'll have to "click into the 'To' field, then click the 'From' link to select which address you'd like to send mail from". Gmail is suddenly more difficult to use, but the interface looks better.


{ Thanks, Ben. }

How to Open Any Mail in Gmail's New Panels

To contact us Click HERE
If you've enabled Gmail's new interface for composing messages, there's a simple way to open any Gmail message in the chat-like panels:

1. open the message

2. edit the URL from your browser's address bar. Replace the last slash (/) from the URL with ?compose=

For example, replace:

https://mail.google.com/mail/u/0/?shva=1#inbox/13a111c6f50b9084

with:

https://mail.google.com/mail/u/0/?shva=1#inbox?compose=13a111c6f50b9084


Gmail actually creates a new message with the same content and saves it as a draft. That's the reason why you can edit the message. When you no longer need the message, click the "close" button. You may need to delete the messages from the "drafts" label.

You can open multiple messages using the same trick. After using the instructions above:

3. open a new Gmail message

4. edit the URL from your browser's address bar. Replace ?compose= with & and the last slash (/) from the URL with ?compose=.