Код работает следующим образом:
<style>
/* Print stylesheet */
@media print{
#_t {
background-image: url('https://a6.emltrk.com/XX0000XX?p');
}
}
/* Forward stylesheet */
div.OutlookMessageHeader, table.moz-email-headers-table, blockquote #_t {
background-image:url('https://a6.emltrk.com/XX0000XX?f')
}
</style>
<!-- Extra DIV -->
<div id="_t"></div>
<!-- Main Image -->
<img src="https://a6.emltrk.com/XX0000XX" style="display:none" width="1" height="1" border="0" />
При просмотре письма загружается изображение. Это учитывает статистику «открытий».
Существует также дополнительный div (с идентификатором _t), на который ссылается таблица стилей. Раздел @media print
применяет фоновое изображение при печати электронного письма. URL-адрес изображения имеет дополнительный атрибут p
, который, вероятно, сообщает Litmus, что электронное письмо печатается.
Прямая статистика рассчитывается аналогичным образом: фоновое изображение загружается при наличии определенных элементов. Outlook соответствует div.OutlookMessageHeader
, что-то еще (возможно, выглядит как Thunderbird, учитывая moz
) соответствует table.moz-email-headers-table
, а все остальное соответствует blockquote #_t
(снова используя дополнительный DIV). Эти элементы создаются почтовым клиентом при создании перенаправленной электронной почты. На этот раз изображение загружается с флагом f
, который говорит Лакмусу рассчитать статистику пересылки.
Однако эти статистические данные должны приниматься с недоверием: большинство почтовых клиентов будут блокировать любые изображения, пока пользователь не решит их показать. Большинство клиентов веб-почты полностью удаляют любые таблицы стилей, что делает статистику печати и пересылки несущественной для таких клиентов, как Gmail, Hotmail и Yahoo! Почта.
Надеюсь, это имеет смысл! Я еще не совсем разобрался с статистикой "взглянул / удалил". Когда я это сделаю, я обязательно сообщу вам.