Facebook Iframe from wordpress not showing on Iphone

  • thewidelens

    (@thewidelens)


    14 years ago

    Hi,

    I’m using my wordpress site to store some iframe facebook tabs to show on facebook pages.
    Everything works OK – besides one thing, when viewing the tabs on Iphone using “full site” mode – the iframe canvas isn’t showing.

    For example-

    Tab URL: https://www.facebook.com/itraveljerusalem?sk=app_209175899097577
    Iframe Canvas URL: https://apto.co.il/iframes/itravel-jerusalem-welcome/

    Page template I’m using for the canvas pages:

    <?php

    /**
    /**
    * Template Name: FB iFrame
    */
    ?>
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
    <title><?php bloginfo(‘name’); ?> <?php wp_title(); ?></title>
    <?php wp_head(); ?>
    <style type=”text/css”>
    body { margin: 0; padding: 0; font: 13px/1.5 “Lucida Grande”, Tahoma, Verdana, Arial, sans-serif; background: none !important; border: none; width: 520px; }
    img {border: 0;}
    .canvas {width: 520px;}
    </style>
    <script type=”text/javascript”>
    window.fbAsyncInit = function() {
    FB.Canvas.setSize();
    }
    function sizeChangeCallback() {
    FB.Canvas.setSize();
    }
    </script>
    </head>

    <body>
    <div class=”canvas”>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div id=”post-<?php the_ID(); ?>” class=”postwrapper clearfix”>
    <div class=”post_content”>
    <?php echo the_content(); ?> </div>
    </div>
    <?php endwhile; ?>
    <?php else : ?>
    <?php endif; ?>
    </div>
    <div id=”fb-root”></div>
    <script src=”https://connect.facebook.net/en_US/all.js”></script&gt;
    <script>
    FB.init({
    appId : ‘YOUR-APP-ID-HERE’,
    status : true,
    cookie : true,
    xfbml : true
    });
    </script>
    </body>
    </html>

    Any help or ideas will be appreciated.

Viewing 1 replies (of 1 total)
  • Toby

    (@polyme)

    Hi there,
    I have the sam issue for an app that I developed for a client. It’s not WordPress, but came across this via Google.
    Not sure what to do about this yet, but still researching.
    T

Viewing 1 replies (of 1 total)
  • The topic ‘Facebook Iframe from wordpress not showing on Iphone’ is closed to new replies.

Tags