ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

links in communicate emails not working in iphone

August 11, 2012 4:08pm

Subscribe [2]
  • #1 / Aug 11, 2012 4:08pm

    RikBell

    192 posts

    Just discovered this problem with my email newsletters.  The links I put in the email template work fine in every browser with the exception of an iPhone.  The links are active but they take you to a similar but different page.  Ever hear of something like this?

  • #2 / Aug 13, 2012 11:51am

    RikBell

    192 posts

    Actually I just found out that they don’t work in android either.  here is a sample…

    <td align="center" width=”470” font-size:12px; font-weight:normal; color:black;text-align:left; vertical-align:middle; margin-left:1em; margin-right:1em; text-decoration:none”><b><a href="http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney?utm_source=Susan+Toney&utm_medium=email&utm_campaign=Americana+Music" rel="noopener">_Featured Member - Susan Toney</a></b>
    
    </td>

    I’m using the google URL builder to generate a unique URL.

  • #3 / Aug 13, 2012 2:16pm

    Dan Decker

    7338 posts

    Hi Rik,

    Good News!

    I think It’s nothing to do with ExpressionEngine! I copied and pasted the meat and potatoes of the link:

    <a href="http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney?utm_source=Susan+Toney&utm_medium=email&utm_campaign=Americana+Music">http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney?utm_source=Susan+Toney&utm_medium=email&utm_campaign=Americana+Music</a>

    and sent it directly in an email to open on my iPhone - and it didn’t work properly, but did just fine in desktop Chrome. I think the issue is in Mobile WebKit browsers.

    Can you give me some insight on how ExpressionEngine is using the information in the URL? Do you have examples of others that don’t work properly? How are you serving the mobile friendly version of the site?

    Cheers,

  • #4 / Aug 13, 2012 2:28pm

    RikBell

    192 posts

    Hey Dan,

    I’m using the Mobile extension from baseworks.com which redirects mobile devices to the mobile templates.  It places “mobile_” in front of the template group in the URL which redirects the end user to the mobile template group.

    Example:
    http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney
    http://country-cooperative.com/index.php/mobile__music_artists_bands/about/susan_toney

    But when the hyperlink in the email is clicked on using a smartphone I loose the entry name and get…
    http://country-cooperative.com/index.php/mobile__music_artists_bands/about

    I can forward you one of the email newsletters if you wish.

  • #5 / Aug 14, 2012 2:46pm

    Dan Decker

    7338 posts

    Hi Rik,

    Indeed, forward one along!

    I would also ping the Mobile author for thoughts on this too, but I want try to help as well.

    Can you share the template code?

    Cheers,

  • #6 / Aug 14, 2012 7:35pm

    RikBell

    192 posts

    Dan - just got in…..

    Here is the mobile template code (where the email hyperlink takes you)...

    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
    <html>
    <head>
    
    <link rel='stylesheet' type='text/css' media='all' href='{stylesheet=mobile__site/cc_css}' />
    
    <meta http-equiv="cache-control" content="max-age=300" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0" />
    <meta name="MobileOptimized" content="width" />
    <meta name="HandheldFriendly" content="true" />
    
    
    </head>
    
    <body>
    
    <table align="center" width="100%" cellpadding="0" cell spacing="0" border="0" bgcolor="#FFFFFF">
    
        <tr>
            <td>{embed="mobile__site/header_music_top"}</td>
        </tr>
        <tr>
            <td align="center">
    <h2 class="smallcn"><b>Category:</b> {segment_4}</h2>
    </td>
        </tr>
    
    {exp:channel:entries channel="music_artists_bands" limit="1"}
    
        <tr>
            <td align="center" bgcolor="#D6E0FE" ><h1 class="medium">{title}</h1></td>
        </tr>
        <tr>
            <td>
    
                <table align="center" width="100%" border="0" cellpadding="0" cell spacing="0">
                    <tr>
                        <td width="48" bgcolor="#D6E0FE"><a href="http://{path=mobile__music_artists_bands/about/{segment_3}}/{segment_4}"><h2 class="smallc">About</h2></a> </td>
                        {if m_youtube_video != ""}
                        <td width="48"><a href="http://{path=mobile__music_artists_bands/video/{segment_3}}/{segment_4}"><h2 class="smallc">Video</h2></a></td>
                        {/if}
                        {if m_promo != ""}
                        <td width="48"><a href="http://{path=mobile__music_artists_bands/promo/{segment_3}}/{segment_4}"><h2 class="smallc">Promo</h2></a></td>
                        {/if}
                        {if m_calendar != ""}
                        <td width="48"><a href="http://{path=mobile__music_artists_bands/calendar/{segment_3}}/{segment_4}"><h2 class="smallc">Calendar</h2></a></td>
                        {/if}
                        {if m_coordinates != ""}
                        <td width="48"><a href="http://{path=mobile__music_artists_bands/map/{segment_3}}/{segment_4}"><h2 class="smallc">Map</h2></a></td>
                        {/if}
                        <td width="48"><a href="http://{path=mobile__music_artists_bands/contact/{segment_3}}/{segment_4}"><h2 class="smallc">Contact</h2></a></td>
                    </tr>
                </table>
    
            </td>
        </tr>
        <tr>
            <td>
                <table align="center" width="100%" border="0" cellpadding="5" cell spacing="0">
                    <tr>
                        {if m_image_1 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_1/{segment_3}}/{segment_4}"><h2 class="smallc">1</h2></a></td>
                        {/if}
                        {if m_image_2 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_2/{segment_3}}/{segment_4}"><h2 class="smallc">2</h2></a></td>
                        {/if}
                        {if m_image_3 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_3/{segment_3}}/{segment_4}"><h2 class="smallc">3</h2></a></td>
                        {/if}
                        {if m_image_4 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_4/{segment_3}}"><h2 class="smallc">4</h2></a></td>
                        {/if}
                        {if m_image_5 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_5/{segment_3}}/{segment_4}"><h2 class="smallc">5</h2></a></td>
                        {/if}
                        {if m_image_6 != ""}
                        <td><a href="http://{path=mobile__music_artists_bands/page_6/{segment_3}}/{segment_4}"><h2 class="smallc">6</h2></a></td>
                        {/if}
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
        {if m_about_image != ""}
             <td width="100%" valign="top" align="center">
    {exp:imgsizer:size image='{m_about_image}'  width="280"}<a href="{sized}HQN7Uv9HDp1klQgv5MbQW83KIysZFtGqtypography_img_src_end     width={width} height={height} alt={title} ">{sized}HQN7Uv9HDp1klQgv5MbQW83KIysZFtGqtypography_img_src_end     width={width} height={height} alt={title} </a>{/exp:imgsizer:size}</td>
        {/if}
        </tr>
        <tr>
            <td valign="top" width="100%"><h2 class="smalln">
    {m_description}</h2></td>
        </tr>
        <tr>
            <td valign="top" width="100%" align="center" >{embed="mobile__music_artists_bands/featured"}</td>
        </tr>
        {/exp:channel:entries}
    
        <tr>
            <td align="center">
            {exp:channel:prev_entry channel="music_artists_bands" category="{segment_4_category_id}"} <a href="http://{path=mobile__music_artists_bands/about}/{segment_4}"><b>‹</b> Previous Listing</a>  {/exp:channel:prev_entry}
            {exp:channel:next_entry channel="music_artists_bands" category="{segment_4_category_id}"}  <a href="http://{path=mobile__music_artists_bands/about}/{segment_4}">Next Listing</a> <b>›</b>{/exp:channel:next_entry}
    
    
            </td>
        </tr>
        <tr>
            <td>{embed="mobile__site/header_music_bottom"}</td>
        </tr>
        <tr>
            <td>{embed="mobile__site/footer"}</td>
        </tr>
    </table>
    </body>
    </html>

    What address do you want me to forward email newsletter?

  • #7 / Aug 15, 2012 4:50pm

    Dan Decker

    7338 posts

    Hey Rik,

    The link is in my previous post 😉

    Thanks!

  • #8 / Aug 16, 2012 4:44pm

    RikBell

    192 posts

    Dan - here is the latest.  I have been working with the good folks at baseworks.com today and have confirmed that their mobile add-on is functioning properly by inserting “mobile_” in front of the template name in the URL. 

    Note that they said the link is working properly for them on iPhone and iPad.  I have retested today and still get the error on an iPhone.  They feel it could have something to do with my mobile template “about” page which I have added in the earlier thread.

    The problem remains that the target url is being truncated after the page name, cutting off the entry name as stated earlier in the thread. 

    Hope this helps narrow things down a bit.

  • #9 / Aug 17, 2012 3:30pm

    Dan Decker

    7338 posts

    Rik,

    I’m not entirely sure how this all fits together, but I did some spaghetti testing (throw it at the wall, see what sticks…)

    On Desktop Safari, visiting the link above gets me the correct page for Susan

    Telling Safari to spoof as Mobile Safari will trigger the “bug”, but it lands at this URL:

    <a href="http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney">http://country-cooperative.com/index.php/music_artists_bands/about/susan_toney</a>

    Which presents the mobile layout, but not the content. Interestingly, if you click the “About” link on the page, it lands here:

    <a href="http://country-cooperative.com/index.php/mobile__music_artists_bands/about/susan_toney">http://country-cooperative.com/index.php/mobile__music_artists_bands/about/susan_toney</a>

    Note the “mobile__” prefix!

    I’m not sure what to say, other than when given the right bits, ExpressionEngine is serving the right content. The snag is still somewhere in the link generator or the mobile plugin.

    ~

  • #10 / Aug 17, 2012 5:29pm

    RikBell

    192 posts

    Dan - thanks again for looking into this.  I have tested with the google url builder address….

    http://country-cooperative.com/index.php/music_artists_bands/about/rock_ridge_bluegrass_band?utm_source=Rock+Ridge+Bluegrass+Band&utm_medium=email&utm_campaign=Americana+Music

    and the base URL…..

    http://country-cooperative.com/index.php/music_artists_bands/about/rock_ridge_bluegrass_band

    they both take me to the right template but the wrong content on the “about” page when viewed via a smartphone.  So I don’t believe it is the URL generator I’m using. 

    I also found what you found…If you click on any additional pages or reload the “about” page all of the correct content is there.

    I’m going to ask the good folks at baseworks to take another look.  I’ll keep you posted.

  • #11 / Aug 17, 2012 7:24pm

    Wouter Vervloet

    758 posts

    Hiya,

    I’ve been working with Rik on this (as I made the Mobile add-on) and as he already said, it is working fine for me…

    I do, however, see in your template that you are using

    {path=mobile__music_artists_bands/promo/{segment_3}}/{segment_4}

    to link to the other pages, but the link shouldn’t include the ‘mobile__’ part. It should just be:

    {path=music_artists_bands/promo/{segment_3}}/{segment_4}

    I will look into it a bit further and let you know what we come up with.

    – Wouter

  • #12 / Aug 19, 2012 5:25pm

    RikBell

    192 posts

    I just wanted everyone to know that Wouter at baseworks found the problem and once again it was my coding!

    The problem was my channel query.  I had this…

    {exp:channel:entries channel="music_artists_bands" limit="1"}

    Wouter suggested I change it to this:

    {exp:channel:entries channel="music_artists_bands" limit="1" url_title='{segment_3}’ dynamic=‘no’}

    Everything now works as expected.  I am also taking some addition suggestions on how to improve my navigation.  Wouter - you rock!

    Dan - thank you for your help as well.  You and everyone else at Ellis Labs have superior customer service skills.  Every time I push my comfort zone (which seems like every day) I am confident that I can get the help and support from the very talented EE team and support community.  Thanks again to everyone!

  • #13 / Aug 19, 2012 7:08pm

    Wouter Vervloet

    758 posts

    I’m glad I was able to help out.

    – Wouter

  • #14 / Aug 20, 2012 3:33pm

    Dan Decker

    7338 posts

    Hi Rik, Wouter,

    I’m glad everything got sorted out!

    If you need anything else, let me know in a new thread.

    ~

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases