Śledzenie ruchu pochodzącego z wyszukiwania grafik w Google Analytics

Witamy, rozpoczynacie lekturę trzeciego artykułu poświęconego wyszukiwaniu grafik w Google. W poprzednich dwóch tekstach pisaliśmy o istotności Google Image Search w generowaniu ruchu oraz o sposobach rozpoznawania potencjału wyszukiwań. W tym artykule zaprezentujemy, jak mierzyć faktyczną liczbę wizyt pochodzących z wyszukiwania obrazków, przy pomocy narzędzia Google Analytics.

Domyślne raporty w Google Analytics

Wspominaliśmy wcześniej, że domyślnie w Google Analytics nie mamy możliwości weryfikacji poziomu ruchu z obrazków. Wizyty te niegdyś były raportowane głównie jako google.pl / referral ze ścieżką odwołania zawierającą „imgres”. Obecnie ruch ten w większości zawiera się w ramach google / organic, ale po części również we wcześniejszym google.pl / referral (około 25%). Bez wprowadzania zmian w kodzie czy ustawieniach Google Analytics nie możemy zweryfikować faktycznej liczby wejść z Google Image Search.

Sposobów na modyfikację kodu śledzącego może być kilka. Poniżej przedstawimy jeden, który według nas jest najprostszy do wdrożenia i obarczony najmniejszym błędem.

Rozpoznanie wyświetlania strony w ramce

Przede wszystkim, warto zauważyć, że po kliknięciu na zdjęcie w wynikach wyszukiwania grafik użytkownik odwiedza stronę, która wyświetlona jest w ramce na domenie Google.pl (ewentualnie google.com lub innej domenie regionalnej).

Biorąc pod uwagę ten fakt, wystarczy wprowadzić funkcję JavaScript, która rozpozna, czy serwis wyświetlony jest w ramce, czy nie i jeżeli jest – wykona odpowiednią akcję.


if (top.location!= self.document.location)
    {
        var url = String(document.referrer);
        if (url.indexOf ("google") !=-1)
            {
                ...
            }
    }

Akcją, która zostanie wykonana może być wywołanie analyticsowej funkcji trackPageview z odpowiednio zmodyfikowanym adresem URL (w takim przypadku należy tylko pamiętać o tym, by nie została też wywołana domyślna funkcja trackPageview, w przeciwnym wypadku Analytics naliczy dwie wizyty).

Drugim sposobem może być przekierowanie użytkownika na domyślny adres podstrony, już bez ramki i dodanie do adresu zmiennych określających parametry kampanii w Google Analytics. Dzięki temu zamiast rejestrowania wizyty w ramce, Analytics zliczy wizytę na stronie docelowej i określi źródło wizyty na podstawie parametrów kampanii:

if (top.location!= self.document.location)
    {
        var url = String(document.referrer);
        if (url.indexOf ("google") !=-1)
            {
                var adres=self.document.location+'?utm_source=google&utm_medium=image';
                top.location=adres;
            }
    }

W powyższym przykładzie źródło wizyty zostało oznaczone jako „google”, a medium kampanii jako „image”. Wartości te są oczywiście dowolne, podobnie jak wybór zmiennych (mamy 5 do wyboru: utm_source, utm_medium, utm_term, utm_content i utm_campaign). Więcej na temat zmiennych kampanii: http://support.google.com/analytics/bin/answer.py?hl=pl&hlrm=en&answer=1033867 .

Raporty w Google Analytics po modyfikacji

Po wprowadzeniu wspomnianej funkcji w serwisie, Google Analytics będzie raportował przyszły ruch z grafik jako źródło: google i medium: image.

Prezentujemy porównanie wizyt wygenerowanych przez google / organic i google / referal (powyżej) oraz wizyt z google / image (poniżej) po modyfikacji, która miała miejsce pod koniec września w serwisie www.inspireme.pl:

Dodatkowe zmienne

Dzięki zastosowaniu funkcji JavaScript możemy oprócz rozpoznania adresu z ramką jako Google.pl, wyciągnąć dodatkowe zmienne. URL strony ze zdjęciem (ramka) wygląda tak:

http://www.google.pl/imgres?start=100&num=10&hl=pl&biw=1525&bih=685&tbm=isch&tbnid=R0FFOBCRVHhHkM:&imgrefurl=http://www.koty.org.pl/ogloszenia/5373,Kocieta-Rosyjskie-Niebieskie.htm&docid=AOYMTjr6LIgb2M&imgurl=http://www.koty.org.pl/zdjecia/dodane/5373_Kot-Rosyjski-niebieski.jpg&w=498&h=434&ei=-
F6rUJWEEIjmtQabtIGQBg&zoom=1&iact=hc&vpx=714&vpy=339&dur=329&hovh=210&hovw=241&tx=134&ty=102&sig=103833619232994679928&page=1&tbnh=138&tbnw=155&start=0&ndsp=23&ved=1t:429,r:12,s:0,i:144

Jak widać, w adresie ramki widzimy orientacyjną pozycję zdjęcia na stronie wyników wyszukiwania (start) oraz adres URL grafiki. Obie te zmienne można określić przy pomocy funkcji i dodać do adresu URL dla przekierowanej strony:

var urlVars = {};
var parts = url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value)
{
    urlVars[key] = value;
});
if (urlVars["imgurl"]!=undefined && urlVars["imgurl"]!="") {
    if (urlVars["start"]!=undefined && urlVars["start"]!="") {
        var numerzdjecia=urlVars["start"];
    }
    else {
        var numerzdjecia=0;
    }
    var adres=self.document.location+'?utm_source=google&utm_medium=image&utm_campaign=' + urlVars["imgurl"] + '--poz--' + numerzdjecia;
}
else {
    var adres=self.document.location+'?utm_source=google&utm_medium=image&utm_campaign=' + url;
}

W powyższym przykładzie obie zmienne zostały dodane do parametru utm_campaign, więc będą widoczne w Google Analytics, jako nazwa kampanii. Przykładowe dane dla serwisu www.zamiasto.com.pl:

Dzięki takiej modyfikacji kodu mamy dostęp do wielu ciekawych informacji. Przede wszystkim wiemy, jakie wartości ruchu są w serwisie generowane z wyszukiwania grafik, możemy porównać ruch według stron docelowych, określić najbardziej popularne zdjęcia generujące wizyty oraz zweryfikować jakość ruchu dla poszczególnych stron docelowych i grafik (ten temat opiszemy w kolejnym artykule).

--
Jacek Tkaczuk, SEO Director w Bluerank 

Udostępnij: