[Newsletter] Différence entre visualisation dans le PA et message envoyé

[Nvidia32]

Bonsoir, encore moi avec la Newsletter, un nouveau soucis avec ce module.

Explication: voici une partie du code HTML utilisé pour la newsletter:

Code:

Toute l'équipe HTC-DEV vous souhaite <font color="#34478C" size="5">BONNE CHANCE.</font></td><td width="20px"></td></tr></table><br/><br/><table align="center"><tr height="35px"><td><img src="http://i47.servimg.com/u/f47/15/07/55/30/and10.png"></td><td><a href="http://www.forum-htc-dev.net/t39779-soft-htc-dev-website-13-le-site-htc-devnet-sur-votre-android-phone-gratuit">HTC-DEV sous Android</a></td><td width="10px"></td><td><img src="http://i44.servimg.com/u/f44/14/24/79/82/wp71110.png"></td><td><a href="http://www.forum-htc-dev.net/t37219-soft-htc-dev-website-only-v11-notre-site-web-sur-votre-windows-phone-7-gratuit-sur-le-market">HTC-DEV sous Windows Phone</a></td></tr></table>

<br/><table align="center"><tr><td><img src="http://www.archive-host.com/link/6059d6a7f2ccfcfef079ed60e5ee7850efa38748.png"></td><td align="left">-<a href="http://feeds.feedburner.com/htc-dev">Suivez HTC-DEV avec <b>Feedburner</b></a><br/>-<a href="http://www.twitter.com/HTC_DEV">Suivez HTC-DEV sur <b>Twitter</b> !</a><br/>-<a href="http://www.facebook.com/HTCDEV">Suivez HTC-DEV sur <b>Facebook</b></a><br/>-<a href="http://www.youtube.com/HTCDEVideos">Suivez HTC-DEV sur <b>YouTube</b></a><br/><br/>-<a href="http://www.HTC-DEV.net">Mettez le site web en favoris</a><br/>-<a href="http://www.forum-htc-dev.net">Mettez le forum en favoris</a><br/><br/>

A bientôt sur <a href="http://www.htc-dev.net">htc-dev.net</a> ;)

</td></tr></table><br/><br/><table align="right"><tr><td><em>Newsletter rédigée par Nvidia, Jedi.6 & LudoA12</em></td></tr></table>

Voici la prévisualisation dans le PA:



et voilà ce qui arrive dans les boîtes mail:



Avez vous une explication, ou une astuce pour que cela ne se reproduise plus?

Je précise que c'est un soucis constaté lors de chaque envoi de newsletter.

Merci d'avance.

[Nvidia32]

Un petit UP du Dimanche, en vous souhaitant une bonne fin de W-E

[FANCH 56]

Bonsoir

Pour le code <img src........ etc

Il faut mettre ensuite </img>

De plus je vois que tu es sous chrome, or chrome n'est pas l'idéla pour mettre en ligne des codes.

Mets tes codes avec firefox.

[Nvidia32]

Merci de ne pas dire de bêtise, la balise

Code:

<img src=

en html se ferme par

Code:

>

c'est une balise unique

Et nos différents essais se font sous tous les browsers dispo, sinon nous n'aurions pas ouvert un topic ici

Mais merci quand même d'essayer de trouver le soucis

[FANCH 56]

Au temps pour moi, mais ou est la fermeture de la balise dans ton code ?

[Nvidia32]

Code:

<img src="http://i44.servimg.com/u/f44/14/24/79/82/wp71110.png">

Code:

<a href="http://www.htc-dev.net">htc-dev.net</a>

Pour les deux éléments qui ont posé soucis lors de cet envoi, mais pour avoir déjà eu le soucis avec d'autres envois, il n'y a aucune logique, le code est correct, des espaces apparaissent de manière aléatoires ...

[Zepiii]

Bonsoir,

Exact, dans le code cité de Nvidia32, il n'y a pas d'erreurs HTML proprement parlé. Le problème est présent depuis au moins une année, les newsletters via le PA de ForumActif rajoutent des espaces aléatoires. Au début, on pensait que c'était une petite erreur de notre part, mais à chaque fois ça recommence.

Cette fois, le problème s'est "aggravé" dans le sens ou un espace s'est ajouté dans une ligne de notre code HTML, et directement, la mise en page de la newsletter en prends un coup.

Pour résumer : il y'a un problème lors de l'envoi de la newsletter via le PA, des espaces se rajoutent de manières aléatoires alors que ceux-ci n'étaient pas présent dans le code d'origine ni dans la prévisualisation via ForumActif

Est-ce que les devactifs auraient une idée d'où pourraient venir ce problème qui est navigateur indépendant ainsi que totalement aléatoire mais présent sur presque chaque newsletter.

Je peux aussi vous assurer que ce problème est présent depuis longtemps

++,

Zepiii

[FANCH 56]

Et comme çà cela le fait aussi

Code:

[url=http://www.htc-dev.net]htc-dev.net[/url]

Je cherche hein.............pas crier.

[Nvidia32]

Ben là c'est plus du html, c'est du BBCode

[FANCH 56]

Ben oui, mais c'est pour voir si les espaces aléatoires se font aussi en bb

[Zepiii]

Même en envoyant par newsletter n'importe quelle code, genre :

0123456789012345678901234567890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890

Ca va se transformer aléatoirement en

01234567890123456789012 34567890123456789012345678901234567890
01234567890123456789012345678901234567 89012345678901234567890
01234567890123456789012345 67890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
01234567890123456789012345678901234567890123 45678901234567890

Rien à voir avec le type de code ou quoi que ce soit

[Chapo]

Bonjour,

Je déplace votre sujet dans notre section.
Nous étudierons le problème dès que possible.

Bien cordialement,

[Chapo]

Bonjour,

1/ Pouvez-vous nous préciser sur quel logiciel vous avez réceptionné votre Newsletter svp

2/ En reprenant strictement le code HTML de votre dernière Newsletter (Lun 7 Nov 2011 - 19:00) et en la réceptionnant avec Thunderbird, seuls les caractères de fin de ligne (retours chariots) ont été traduits par des <br/> lors de l'envoi.

3/ Je remarque que votre code HTML n'inclue pas d'attributs de style.
Dans le PA il existe un style pour les liens par exemple, avec la couleur #007E9B, ce style n'étant pas inclus dans votre code, la couleur des liens sera définie par le style par défaut des logiciels de réception (blue) ou par le style appliqués par les différents Webmails.
Je vous recommande d'inclure vos formules de style pour chaque balise que vous souhaitez mettre en forme particulièrement.

4/ Je n'ai pas réussi à reproduire le problème suivant:

Code:

01234567890123456789012 34567890123456789012345678901234567890
01234567890123456789012345678901234567 89012345678901234567890
01234567890123456789012345 67890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
01234567890123456789012345678901234567890123 45678901234567890

Peut-être avez-vous un cas concret que nous pourrions consulter et reproduire

Nous poursuivons notre analyse.

Bien cordialement,

[ludoa12]

Bonjour,

Etant le rédacteur de la newsletter, je vais tenter de vous répondre...

1/ Pouvez-vous nous préciser sur quel logiciel vous avez réceptionné votre Newsletter svp

Pour ma part sur Gmail. Mais le problème s'est retrouvé sur d'autres webmails ou logiciels de messagerie.

2/ En reprenant strictement le code HTML de votre dernière Newsletter (Lun 7 Nov 2011 - 19:00) et en la réceptionnant avec Thunderbird, seuls les caractères de fin de ligne (retours chariots) ont été traduits par des <br/> lors de l'envoi.

J'ai constaté effectivement que le fait d'appuyer sur la touche ENTER entre deux lignes était traduit comme un

Code:

<br />

. Dans un code HTML normalement les actions sur la touche ENTER ne devraient pas avoir de conséquences. Mais ce n'est pas grave, en le sachant, il suffit de copier/coller un code compact sans retour à la ligne.

3/ Je remarque que votre code HTML n'inclue pas d'attributs de style.
Dans le PA il existe un style pour les liens par exemple, avec la couleur #007E9B, ce style n'étant pas inclus dans votre code, la couleur des liens sera définie par le style par défaut des logiciels de réception (blue) ou par le style appliqués par les différents Webmails.
Je vous recommande d'inclure vos formules de style pour chaque balise que vous souhaitez mettre en forme particulièrement.

Non j'ai justement évité de mettre des attributs de style pour assurer le maximum de compatibilité, et laissant de ce fait les préférences des utilisateurs prendre le dessus. Celui qui a choisi que la police de caractère de ses mails devait être en Arial, il verra notre newsletter en arial. Seules quelques couleurs ont été attribuées pour rester en harmonie avec la lettre.

4/ Je n'ai pas réussi à reproduire le problème suivant:

Code:

01234567890123456789012 34567890123456789012345678901234567890
01234567890123456789012345678901234567 89012345678901234567890
01234567890123456789012345 67890123456789012345678901234567890
0123456789012345678901234567890123456789012345678901234567890
01234567890123456789012345678901234567890123 45678901234567890

Peut-être avez-vous un cas concret que nous pourrions consulter et reproduire

Vous pouvez toujours tenter de renvoyer notre newsletter sur une adresse Gmail.
Voici un lien pour télécharger son code en texte (.txt) : ICI

Nous poursuivons notre analyse.

Et nous vous en remercions

Cordialement

[ludoa12]

Pour faire avancer les choses, je viens de refaire un test en mettant uniquement la phrase ci dessous plusieurs fois (bout à bout)

Code:

123456789123456789123456789<br />

Voici le résultat dans le PA



Voici le résultat dans Gmail



j'ai surligné en jaune les espaces qui se sont créés.

Le problème est donc bien lié à un bug du module/logiciel d'e-mailing et indifférent au code utilisé.

Cordialement

[Chapo]

Bonjour,

Constatez-vous ces apparitions de 'blancs' sur d'autres Webmails svp
Ces coupures sont-elles toujours au même endroit ou est-ce aléatoire

Bien cordialement,

[Zepiii]

Bonjour,

Sous gmail, j'ai exactement les mêmes coupures que Ludo.

Merci pour votre support,

Zepiii

[Chapo]

Bonjour,

Sous gmail, j'ai exactement les mêmes coupures que Ludo.

Merci pour votre support,

Zepiii

Constatez-vous les mêmes coupures sur d'autres Webmails svp

Bien cordialement,

[Chapo]

Bonjour,

Pouvez-vous formater votre code source afin que chaque ligne du code soit raccourcie et tester:

Exemple:

Code:

<table align="center">
<tr>
<td>
<font size="1">
<a href="http://www.htc-dev.net/newsletter-gagnez-un-htc-titan-avec-htc-dev/">
Si vous ne visualisez pas correctement cette page cliquez ici pour l'afficher dans votre navigateur internet</a>
</font>
</td>
</tr>
</table>
<table align="center">
<tr>
<td>
<img src="http://www.archive-host.com/link/89892436697676a9683d493db247a5505827cbdc.png" width="500" height="500" alt="Concours HTC TITAN avec htc dev" />
</td>
</tr>
</table>
<table align="center">
<tr>
<td width="20px">
</td>
<td>
<img src="http://www.archive-host.com/link/604da42235b538813412b9b6e980807556046c23.png" width="70" height="70">
<font color="#34478C" size="4">
Cher(e)s membres HTC-DEV,</font>
<br/>
<br/>
Comme nous vous l'avions annoncé dans la dernière Newsletter d'octobre: "le prochain concours sera titanesque...".<br/>
<br/>
Comme vous pouvez le constater, ce superlatif n'a pas été choisi au hasard, puisque c'est bel et bien le nouveau mobile <a href="http://tinyurl.com/4yrrjop">
HTC TITAN</a>
que nous vous proposons de gagner.<br/>
<br/>
Ce magnifique appareil équipé de la dernière version de Windows Phone 7.5 Mango sera peut être bientôt dans votre poche. Un beau cadeau de Noël avant l'heure...<br/>
<br/>
Dès aujourd'hui participez au concours, plus vous commencez tôt, plus vous avez des chances de gagner.<br/>
<br/>
<a target="_blank" href="http://www.htc-dev.net/concours-gagner-un-htc-titan-avec-htc-dev/">
Rendez-vous ici pour connaitre les modalités du concours.</a>
<br/>
<br/>
Toute l'équipe HTC-DEV vous souhaite <font color="#34478C" size="5">
BONNE CHANCE.</font>
</td>
<td width="20px">
</td>
</tr>
</table>
<br/>
<br/>
<table align="center">
<tr height="35px">
<td>
<img src="http://i47.servimg.com/u/f47/15/07/55/30/and10.png">
</td>
<td>
<a href="http://www.forum-htc-dev.net/t39779-soft-htc-dev-website-13-le-site-htc-devnet-sur-votre-android-phone-gratuit">
HTC-DEV sous Android</a>
</td>
<td width="10px">
</td>
<td>
<img src="http://i44.servimg.com/u/f44/14/24/79/82/wp71110.png">
</td>
<td>
<a href="http://www.forum-htc-dev.net/t37219-soft-htc-dev-website-only-v11-notre-site-web-sur-votre-windows-phone-7-gratuit-sur-le-market">
HTC-DEV sous Windows Phone</a>
</td>
</tr>
</table>
<br />
<table align="center">
<tr>
<td>
<img src="http://www.archive-host.com/link/6059d6a7f2ccfcfef079ed60e5ee7850efa38748.png">
</td>
<td align="left">
-<a href="http://feeds.feedburner.com/htc-dev">
Suivez HTC-DEV avec <b>
Feedburner</b>
</a>
<br/>
-<a href="http://www.twitter.com/HTC_DEV">
Suivez HTC-DEV sur <b>
Twitter</b>
 !</a>
<br/>
-<a href="http://www.facebook.com/HTCDEV">
Suivez HTC-DEV sur <b>
Facebook</b>
</a>
<br/>
-<a href="http://www.youtube.com/HTCDEVideos">
Suivez HTC-DEV sur <b>
YouTube</b>
</a>
<br/>
<br/>
-<a href="http://www.HTC-DEV.net">
Mettez le site web en favoris</a>
<br/>
-<a href="http://www.forum-htc-dev.net">
Mettez le forum en favoris</a>
<br/>
<br/>
A bientôt sur <a href="http://www.htc-dev.net">
htc-dev.net</a>
 ;)
</td>
</tr>
</table>
<br />
<br />
<table align="right">
<tr>
<td>
<em>
Newsletter rédigée par Nvidia, Jedi.6 & LudoA12</em>
</td>
</tr>
</table>


Bien cordialement,

[Chapo]

Bonjour,

Je vous confirme que le problème est bien lié à la longueur de certaines lignes de code.
En attendant qu'une solution soit automatisée, je vous invite à insérer des sauts de ligne dans votre code source pour votre prochain envoi de NL.
Essayez approximativement de ne pas dépasser 300 caractères par ligne.

Bien cordialement,

[Nvidia32]

Merci de l'info et merci d'avoir identifié le soucis, dans l'attente d'un correctif passez une bonne soirée

On va attendre que Ludo passe par là avant de passer en résolu, qu'il fasse un test et comprenne bien là solution proposée.


PS: si vous pouviez nous tenir informé lors de la future mise en place d'un correctif ça serait sympathique.

[Zepiii]

Bravo pour votre réactivité

[ludoa12]

Bon voila on vient de faire le dernier test, et c'est parfait .
C'est juste une petite gymnastique de tenir moins de 300 caractères par ligne, mais au moins en attendant une automatisation, on a un échappatoire qui nous permet de faire du travail de qualité.

Je tenais à vous remercier, tout principalement Chapo, pour votre sérieux et votre implication.

Cordialement

LudoA12

[Chapo]

Bonjour,

Merci à vous pour ce signalement, notre équipe a intégré le correctif au planning, nous le publierons dès que possible

Bien cordialement,

[Chapo]

Bonjour,

Voilà qui est fait, un correctif a été publié pour les contenus HTML de la newsletter.
A noter que ce correctif ne prendra pas en charge les chaînes à rallonge comme celles de votre test, ce type de messages n'étant pas justifié

Bien cordialement,

[ludoa12]

ça n'a pas traîné...

Bravo, et oui on évitera les 123456789123456789

Encore merci pour votre suivi et pour cette modification qui sera profitable à tout le monde.

Cordialement

LudoA12

[Nvidia32]

Quelle efficacité

Merci, prochain test grandeur nature, courant décembre, on vous dira si on a un soucis

[Chapo]

Bonjour,

Merci pour le suivi, je clôture ce sujet

Bien cordialement,