2014-01-20 3 views
2

Мне нужно отслеживать изображение на веб-сайте с помощью аналитики, этот образ не всегда есть, и мне нужно знать, сколько посетителей увидели этот образ.Google Analytics Просмотры изображений

я видел на Google документации, что я, возможно, может использовать это:

ga('send', { 
    'hitType': 'pageview', 
    'page': '/my-overridden-page?id=1', 
    'title': 'my overridden page' 
}); 

Но так как я не хочу, чтобы переместить мой оригинальный трекер в голове я не знаю, что делать. Я думаю, я могу не только поставить этот кусок кода с моим изображением.

Спросите меня, если вы не понимаете, может быть, я не знаю. Спасибо.

EDIT:

Это мой собственный веб-сайт, и я хочу, чтобы отслеживать, сколько раз показывает конкретное изображение.

+0

Вы хотите отслеживать в вашем собственном веб-сайте, или это об изображении, что люди могут встраивать в свои собственные страницы (и вы хотите отслеживать, где и как часто это происходит)? –

ответ

2

Прежде всего вам нужен способ увидеть, присутствует ли изображение на странице или нет (я предполагаю, что вместо того, чтобы взломать ваш бэкэнд каким-то образом, чтобы получить эту информацию, вы хотите сделать это в javascript).

Самый простой способ, чтобы дать идентификатор к этому образу:

<img src="path/to/myimage.jpg" id="datsderbunny"> 

Теперь вы можете получить доступ к изображению с помощью JavaScript:

var image = document.getElementById('datsderbunny'); 

Если у вас есть JQuery на вашей странице вы можете сделать это без id b с использованием селектора «атрибут содержит»:

var image = $('img[src*="myimage.jpg"]'); 

(при условии, что ваше изображение будет отображаться только один раз, иначе вышеупомянутый wil возвращает список изображений).

Поскольку вы используете Universal Analytics, вы можете использовать настраиваемое измерение. На вкладке admin-> properties перейдите к пользовательским определениям и создайте измерение «hasImage» на уровне достижения (уровень атаки означает, что размер привязан к просмотру страницы, а не посетителю). Я предполагаю, что ваш новый размер имеет числовой индекс 1.

Теперь изменить код отслеживания, чтобы выглядеть следующим образом:

var hasImage = "no"; // set a conservative default value 
if(document.getElementById('datsderbunny') !== "undefined") { // if images does exist 
    hasImage = "yes"; 
} 

ga('send', 'pageview', { 
    'dimension1': hasImage 
}); 

Это позволит проверить, если изображение существует на странице, и устанавливает значение для пользовательского измерения соответственно. Вы можете использовать пользовательский размер в пользовательских отчетах или в качестве второго измерения в пользовательских отчетах и ​​в сегментах.

Использование виртуальных просмотров страниц (как в вашем примере кода) не является хорошей идеей, вы не хотите, чтобы какое-либо изображение отображалось как просмотр страницы.

+0

Привет, Спасибо за ответ, это близко к тому, что я действительно хочу. Вопрос: могу ли я сделать что-то вроде этого: http: // jsfiddle.net/8YYNd/ – Leeroy521

+0

Да - этот пример отправит только просмотр страницы, если изображение действительно (что может быть то, что вы хотите). Следует отметить, что это должно быть размещено после изображения в исходном коде (поскольку вы можете только проверить, существует ли изображение после его загрузки). –

+0

Спасибо! Потрясающие ! – Leeroy521

2

Я бы использовал Event Tracking, а не Просмотров страниц для этой цели.

Самое основное решение:

<img src="track_this.img.jpg" onload="_gaq.push(['_trackEvent','images','image shown', 'image name or something']);" /> 
+0

Можно ли это использовать на «div» или другом элементе HTML? (Я ищу, чтобы отслеживать конкретные виды объявлений.) –

Смежные вопросы