Gmail урезает HTML-контент электронной почты. Как избежать проблемы?

Question

Gmail ввел функцию обрезки в электронных письмах для «лучшей читаемости». Это доставляет мне много боли, так как у меня есть система уведомлений по электронной почте, где я отправляю пользователям html-сообщения. В основном электронная почта выглядит так:

divs and styling
Object alert in Project by User
tables and tr/td
User Action on Object in Project
/tables and tr/td
/divs and styling

link
footer

Чтобы сгруппировать все электронные письма в одном разговоре, первое электронное письмо имеет тему, последующие электронные письма имеют Re: subject.

Активные пользователи могут получать значительное количество сообщений электронной почты, подобных этому, но из-за функции «лучшей читаемости» ВСЕ содержимое электронной почты (начиная со второй электронной почты) подавляется.

Я ищу совет - возможно, мне следует изменить мой html, или в gmail есть какой-нибудь код подавления, или просто взломать, чтобы обойти эту проблему.

Проблема с точки зрения пользователей описана здесь: http://www.google.com/support/forum/p/gmail/thread?tid=756b83fa60ca1df7&hl=en

Answer 1

У меня возникла проблема с обрезкой в ​​таблице бюллетеня HTML. Было очень важно, чтобы вся таблица отображалась, потому что это было Контент № 1, который наш клиент хотел сообщить. Вот исправление или, по крайней мере, вот как мы решили нашу проблему. Мы исключили любое повторение. Таким образом, для этой таблицы, строк между каждой строкой, Gmail просматривал линии как повторяющиеся. Таким образом, я изменил ширину пикселя на 1 px каждый раз линия, которая устранила повторение и исправила нашу проблему. Чтобы сказал, ищи повторение и попробуй его убрать. ИЛИ в некоторых случаях вы возможно, придется добавить тип (белым цветом), чтобы создать вариант.

Источник .

PS : Это немного не связано, но я наткнулся на этот вопрос, когда искал способ отключить обрезку контента и одновременно сохранить вид беседы. Я ничего не нашел, поэтому разработал небольшое расширение для Chrome и Firefox .

Answer 2

Оказывается, есть очень простое правило, которое вызывает такое поведение: Gmail обрежет электронное письмо, как только увидит имя отправителя (From:) в теле сообщения, независимо от того, где оно появляется.

Решение: убедитесь, что имя From: в вашем электронном письме не используется в теле сообщения (за исключением подписи, которая, вероятно, будет вырезана!).

Answer 3

Это ужасная ошибка в Gmail, если вам не повезло, чтобы ее укусить.

В моем случае это было "обрезка" сообщения целиком в чистой ветке . См. Пример здесь , отметив, что «урезанный» контент раскрывается на снимке экрана.

В итоге я обошел ошибку Gmail, удалив весь заголовок, который вы видите в этом примере («Удивительный обмен домами»), включая границу под ним. Я остановился на том, что пытался выяснить, что именно , в частности , заставляет Gmail путать этот заголовок с «подписью» (хотя я подозреваю, что это могла быть граница, реализованная с использованием директивы CSS border-bottom:1px dotted grey для стилизации <td> элемент).

Answer 4

Я только что нашел решение, которое прекрасно сработало для меня.Просто создайте кучу скрытых уникальных изображений в ваших письмах, чтобы обеспечить уникальность тех частей письма, которые на самом деле не уникальны.Я создаю свои электронные письма с помощью React, поэтому у меня есть Unique компоненты, которые я использую почти везде:

import * as React from "react"

function random() {
    return Math.round(Math.random() * 10000000).toString()
}

class Unique extends React.PureComponent {

    render() {
        return (
            <img style={Unique.style} src={`data:image/png;base64,${random()}`} />
        )
    }


    static style = {
        visibility: "hidden",
        display: "none",
        width: 0,
        height: 0,
        color: "transparent",
        background: "transparent",
    }
}

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

Answer 5

Добавьте двойной дефис - перед свернутой частью. Я смог обернуть его в цвет шрифта, соответствующий фону. Работал на меня ...