Google Analytics и ресайзване на уеб дизайна на Вашия уеб сайт

19
Добави коментар
Forexbg
Forexbg

Публикувано на 16 Август,12 в 10:24 от Петър Амеров · Съвети

Има продължаващ дебат сред responsive web design общността – дали потребителите променят размера на своите браузър прозорци или не?

Попаднахме на коментари от уеб дизайнери, споменаващи, че ще се радват ако има начин да проследяват това browser събитие. С оглед на това решихме да се поразровим и открихме, че не е толкова сложно. И така, като доказателство и в подкрепа на уеб дизайн концепцията, Ви прикрепяме това доказателство, предоставено от GitHub:

1(function() { 2 var resizeTimer; 3 4 // Assuming we have jQuery present 5 $( window ).on( „resize“, function() { 6 7 // Use resizeTimer to throttle the resize handler 8 clearTimeout( resizeTimer ); 9 resizeTimer = setTimeout(function() { 10 11 /* Send the event to Google Analytics 12 * 13 * https://developers.google.com/analytics/devguides/collection/gajs/methods/gaJSApiEventTracking 14 * _trackEvent(category, action, opt_label, opt_value, opt_noninteraction) 15 */ 16 var $window = $( window ); 17 _gaq.push( [ „_trackEvent“, „User Actions“, „Browser Resize“, $window.width() + “ x “ + $window.height() ] ); 18 }, 1000); 19 }); 20})();

Този код създава „handler“ за браузър събитието, с оглед да предостави информация на Google Analytics, с размерите на браузъра. Това решение изчаква 1 секунда преди да предостави информацията, това е с оглед да се избегне проблем браузърите непрекъснато да подават сигнал за преоразмеряване на браузъра.

Поставете този код във Вашия JavaScript, след това проверете „events“ в рамките на „content“ в раздела на Google Analytics, и ще можете да видите колко потребители на Вашия уеб сайт са преоразмерили браузъра.

В случай, че имате проблем със сайта или откриете правописни грешки, моля, пишете ни.

Ако харесвате нашите блог постове, можете да се subscribe-нете за нашия email бюлетин.

Email бюлетин

Тагове:

Tweet

Остави коментар: