2012-11-07 66 views
2

我遇到了用於我的應用的傳出電子郵件的問題。希望這裏的某個人能夠發現一些光明iOS郵件鏈接彈出菜單/操作表,而不是可點擊鏈接

電子郵件是一個多部分郵件,它在我想要定位的平臺上呈現良好。

Screen with the links

然而,在iPhone上的iOS 6的郵件瀏覽器,鏈接彈出一個動作片保存圖像,分配給聯繫人等(見下圖),而不是採取用戶的Safari網址。在下面的示例代碼中,我仍然有開發(localhost:3000)鏈接,但這不是問題...與生產網址相同。

Action sheet that comes up

奇怪的是,在我的iPad(iOS 5中)的鏈接正常工作。與Mac Mail,Outlook,Gmail,Hotmail一樣。我幾乎可以肯定這不是標記的錯,但我在下面包含一個片段供參考。

   <td align=3D'center' valign=3D'top' width=3D'140'> 
        <p> 
        <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'> 
         <img alt=3D'Confirm your account and learn more' border=3D'0' height=3D'140' src=3D'cid:[email protected]' width=3D'150'> 
        </a> 
        </p> 
        <h4 style=3D"color:#72654b;font-family:Georgia, Times, 'Times New Roman', serif;font-size:16px;font-style:italic;font-weight:normal;">Confirm your email</h4> 
        <p style=3D'color:#6c6c6c; padding-right: 12px;'> 
        Confirm your email address and other contact information to download an introductory white paper and forms that will get you started using WarGaming techniques. 
        </p> 
        <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'> 
        <img alt=3D'click here to confirm your email' border=3D'0' height=3D'30' src=3D'cid:[email protected]' width=3D'60'> 
        </a> 
       </td> 

這當然會降低我的電子郵件活動的有效性。有任何想法嗎?謝謝你提供任何幫助!

+0

看來這個問題可能與礦=> http://stackoverflow.com/questions/10502045/image iphone-is-not-clickable –

+0

嘗試 unbuglee

+0

@unbuglee謝謝你的建議,但是沒有,同樣的結果......在iPhone上,點擊圖片會彈出上圖中顯示的操作表。但是,桌面客戶端運行良好 - 您單擊圖像並在瀏覽器上打開url –

回答

0

這取決於您的口味或客戶希望的外部託管您的圖像,如羅伯特所建議的。在最近的一個客戶項目中,我們遇到了同樣的問題。客戶端不希望圖像被外部託管。所以我們的解決方案仍然是嵌入圖像並通過「背景圖像」聲明它們。所以,在你的榜樣(僅第一部分):

  <td align=3D'center' valign=3D'top' width=3D'140'> 
       <p> 
       <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'><span style="height: 140px; width: 150px; display: inline-block; background-image: url('cid:[email protected]');"></span></a> 
       </p> 
       <!-- ... --> 
      </td> 

我希望它能幫助:)

1

它看起來像您的圖像附加到電子郵件。適用於我的東西是鏈接到圖像,而不是附加到電子郵件。請參閱Why anchors tag containing an image don't work in Iphone's mail app?

+0

感謝您的回覆,@RobertTrevellyan - 是的,我忘記在OP上提到,對於未嵌入到消息中的圖像, - 這些電子郵件的營銷要求雖然是他們應該內聯主要圖像,看起來不錯。 –