2

У меня есть электронное письмо в формате HTML, которое отображается на панели предварительного просмотра Outlook, отображая только первые фрагменты текстового содержимого этого электронного письма.

Тем не менее, для некоторых из моих коллег, это показывает некоторые из HTML. например, если мой электронный адрес выглядит так:

<html>
<body>
    <table>
        <tr>
            <td>
                <img src="http://www.example.com/spacer.gif">
            </td>
        </tr>
        <tr>
            <td align="center">
                This is a test
            </td>
        </tr>
    </table>
</body>
</html>

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

Однако для других пользователей они видят это; по какой-то причине он выводит то, что выглядит как HTML-разметка, то есть выводится в <...> угловых скобках, и он захватывает источник первого найденного изображения, а затем корректно получает текстовое содержимое, следующее за ним.

Я хочу знать, какой параметр в Outlook влияет на это. Я попытался переключить свой вид, чтобы показывать 1, 2 или 3 строки, но безрезультатно. Есть идеи?

1 ответ1

1

Я не нашел ответа на вопрос, почему он показывает HTML для некоторых пользователей. Однако я нашел решение, как предотвратить это.

Я нашел несколько старых статей в блоге, которые предлагали разные вещи. например, добавление любого желаемого текста в качестве атрибута alt в 1px gif в верхней части письма:

https://www.campaignmonitor.com/blog/email-marketing/2006/10/optimizing-for-gmails-snippets/

<img src="http://www.example.com/spacer.gif" alt="Hey just testing">

Или используя скрытый <span /> как это:

<span style="display:none !important">Hey just testing</span>

Они работали хорошо для меня, но все же не для моих коллег. Однако, как часть моего тестирования, я подписался на Litmus и обнаружил это в источнике писем, которые мне начали отправлять:

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; mso-hide: all; width: 0px; height: 0px; max-width: 0px; max-height: 0px; font-size: 0px; line-height: 0px;">
    Press save and watch your screenshots refresh instantly. It’s like magic! 
</div>

Я предполагал, что они знали, что они делают, и это похоже на работу.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .