[Mitteilung] Optimierung des Facebook-Logins auf Forumieren-Foren

phpBB2-Version:

Hinweis: Wenn wir uns auf einen Block XXX beziehen, reden wir von allen Block-Inhalten vom Eröffnungs-Tag <!-- BEGIN XXX --> bis zum Schluss-Tag <!-- END XXX -->

• In index_body
  
  

  Entfernen:

  
  Die Blöcke switch_fb_connect_no
  

  
  

  Entfernen:

  
  Den Block switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_fb_index_login
  

  
  

  Hinter:

  
  

  Code:

  
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">


  Hinzufügen:

  
  

  Code:

  
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
           <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>


  
  

  Hinter:

  
  

  Code:

  
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">


  Hinzufügen:

  
  

  Code:

  
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>


  
  
• In overall_footer_end
  
  

  Ersetzen:

  
  Den Inhalt des Blocks switch_facebook_login
  

  Durch:

  
  

  Code:

  
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });

        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });


        FB.init({
            appId   : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml   : {switch_facebook_login.FB_XFBML},
            oauth   : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>


  
  
• In profile_add_body
  
  

  Ersetzen:

  
  Den Block switch_fb_account_not_linked
  

  Durch:

  
  

  Code:

  
            <!-- BEGIN switch_fb_account_not_linked -->
            <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
            <!-- END switch_fb_account_not_linked -->


  
  

  Entfernen:

  
  Den Block switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_preferences_menu
  

  
  
• In Portal > mod_login
  
  

  Entfernen:

  
  Die 2 Blöcke switch_fb_connect_login
  

  
  

  Entfernen:

  
  Den Block switch_fb_widget_login
  

  
  

  Hinter:

  
  

  Code:

  
                    <tr align="center">
                        <td colspan="2">
                            <span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">::&nbsp;{L_SEND_PASSWORD}</a></span>
                        </td>
                    </tr>


  Hinzufügen:

  
  

  Code:

  
                    <!-- BEGIN switch_social_login -->
                    <tr align="center">
                        <td colspan="2">
                            <div class="social_btn">
                                <div class="fb_or_widget">{switch_login.switch_social_login.L_OR}</div> <br />
                                <!-- BEGIN fb_connect -->
                                <div class="fb-login-button"></div>
                                <!-- END fb_connect -->
                            </div>
                        </td>
                    </tr>
                    <!-- END switch_social_login -->


  
  

  Hinter:

  
  

  Code:

  
                    <tr align="center">
                        <td><span class="gensmall"><a class="gensmall" href="{U_SEND_PASSWORD}" rel="nofollow">::&nbsp;{L_SEND_PASSWORD}</a></span></td>
                    </tr>


  Hinzufügen:

  
  

  Code:

  
                    <!-- BEGIN switch_social_login -->
                    <tr align="center">
                        <td colspan="2">
                            <div class="social_btn">
                                <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div> <br />
                                <!-- BEGIN fb_connect -->
                                <div class="fb-login-button"></div>
                                <!-- END fb_connect -->
                            </div>
                        </td>
                    </tr>
                    <!-- END switch_social_login -->


phpBB3-Version:

Hinweis: Wenn wir uns auf einen Block XXX beziehen, reden wir von allen Block-Inhalten vom Eröffnungs-Tag <!-- BEGIN XXX --> bis zum Schluss-Tag <!-- END XXX -->

• In index_body
  
  

  Entfernen:

  
  Die Blöcke switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_fb_index_login
  

  
  

  Hinter:

  
  Jede der Vorkommnisse (es gibt 2 in der Seite) von
  

  Code:

  
{S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />


  Hinzufügen:

  
  

  Code:

  
    <!-- BEGIN switch_social_login -->
    <div class="social_btn">
        <!-- BEGIN fb_connect -->
        <div class="fb-login-button"></div>
        <!-- END fb_connect -->
        &nbsp;
    </div>
    <!-- END switch_social_login -->


  
  
• In overall_footer_end
  
  

  Ersetzen:

  
  Den Inhalt des Blocks switch_facebook_login
  

  Durch:

  
  

  Code:

  
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });

        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });


        FB.init({
            appId   : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml   : {switch_facebook_login.FB_XFBML},
            oauth   : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>


  
  

  Entfernen:

  
  Den Block switch_facebook_logout_TMP
  

  
  
• In profile_add_body
  
  

  Ersetzen:

  
  Den Block switch_fb_account_not_linked
  

  Durch:

  
  

  Code:

  
        <!-- BEGIN switch_fb_account_not_linked -->
        <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
        <!-- END switch_fb_account_not_linked -->


  
  

  Entfernen:

  
  Den Block switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_preferences_menu
  

  
  
• In Portal > mod_login
  
  

  Entfernen:

  
  Die Blöcke (es gibt 2) switch_fb_connect_login
  

  
  

  Entfernen:

  
  Den Block switch_fb_widget_login
  

  
  

  Hinter:

  
  

  Code:

  
            <dd><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
        </dl>


  Hinzufügen:

  
  

  Code:

  
        <!-- BEGIN switch_social_login -->
        <dl>
            <dt>&nbsp;</dt>
            <dd><div class="fb_or_widget left">{switch_login.switch_social_login.L_OR}</div></dd>
        </dl>
        <dl>
            <dt>&nbsp;</dt>
            <dd>
                <div class="social_btn left">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
            </dd>
        </dl>
        <!-- END switch_social_login -->


  
  

  Hinter:

  
  

  Code:

  
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>


  Hinzufügen:

  
  

  Code:

  
        <!-- BEGIN switch_social_login -->
        <div class="mt10 center">
            <div class="social_btn">
                <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div><br />
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
            </div>
        </div>
        <!-- END switch_social_login -->


punBB-Version:

Hinweis: Wenn wir uns auf einen Block XXX beziehen, reden wir von allen Block-Inhalten vom Eröffnungs-Tag <!-- BEGIN XXX --> bis zum Schluss-Tag <!-- END XXX -->

• In index_body
  
  

  Ersetzen:

  
  Die Blöcke switch_fb_connect
  

  Durch:

  
  

  Code:

  
        <!-- BEGIN switch_social_login -->
        <div class="mt10">
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                &nbsp;
            </div>
        </div>
        <!-- END switch_social_login -->


  
  

  Entfernen:

  
  Den Block switch_fb_index_login
  

  
  
  
• In overall_footer_end
  
  

  Ersetzen:

  
  Den Inhalt des Blocks switch_facebook_login
  

  Durch:

  
  

  Code:

  
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
       
        FB.init({
            appId  : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml  : {switch_facebook_login.FB_XFBML},
            oauth  : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });
       
        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.byentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>


  
  

  Entfernen:

  
  Den Block switch_facebook_logout_TMP
  

  
  
• In profile_add_body
  
  

  Entfernen:

  
  Den Block switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_preferences_menu
  

  
  
• In Portal > mod_login
  
  

  Entfernen:

  
  Die 2 Blöcke switch_fb_connect_login
  

  
  

  Entfernen:

  
  Den Block switch_fb_widget_login
  

  
  

  Hinter:

  
  

  Code:

  
 <dl>
 <dd style="text-align:center;"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
 </dl>


  Hinzufügen:

  
  

  Code:

  
        <!-- BEGIN switch_social_login -->
        <dl>
            <dd class="center">
                <div class="social_btn">
                    <div class="fb_or">{switch_login.switch_social_login.L_OR}</div> <br />
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <br />
                </div>
            </dd>
        </dl>
        <!-- END switch_social_login -->


  
  

  Hinter:

  
  

  Code:

  
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>


  Hinzufügen:

  
  

  Code:

  
        <!-- BEGIN switch_social_login -->
        <div class="mt10 center">
            <div class="social_btn">
                <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div> <br />
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <br />
            </div>
        </div>
        <!-- END switch_social_login -->


Invision-Version:

Hinweis: Wenn wir uns auf einen Block XXX beziehen, reden wir von allen Block-Inhalten vom Eröffnungs-Tag <!-- BEGIN XXX --> bis zum Schluss-Tag <!-- END XXX -->

• In index_body
  
  

  Entfernen:

  
  Die Blöcke switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_fb_index_login
  

  
  

  Hinter:

  
  Jeder der Vorkommnisse (es gibt 2 in der Seite) von
  

  Code:

  
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />


  Hinzufügen:

  
  

  Code:

  
            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->


  
  
• In overall_footer_end
  
  

  Ersetzen:

  
  Den Inhalt dieses Blocks switch_facebook_login
  

  Durch:

  
  

  Code:

  
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });

        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });


        FB.init({
            appId   : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml   : {switch_facebook_login.FB_XFBML},
            oauth   : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>


  
  
• In profile_add_body
  
  

  Ersetzen:

  
  Den Block switch_fb_account_not_linked
  

  Durch:

  
  

  Code:

  
        <!-- BEGIN switch_fb_account_not_linked -->
        <div class="fb-login-button" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
        <!-- END switch_fb_account_not_linked -->


  
  

  Entfernen:

  
  Den Block switch_fb_connect
  

  
  

  Entfernen:

  
  Den Block switch_preferences_menu
  

  
  
• In Portal > mod_login
  
  

  Entfernen:

  
  Die Blöcke (es gibt 2) switch_fb_connect_login
  

  
  

  Entfernen:

  
  Den Blockswitch_fb_widget_login
  

  
  

  Hinter:

  
  

  Code:

  
            <dd><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button" /></dd>
        </dl>


  Hinzufügen:

  
  

  Code:

  
                <!-- BEGIN switch_social_login -->
                <dl>
                    <dd class="center">
                        <div class="social_btn">
                            <div class="fb_or">{switch_login.switch_social_login.L_OR}</div>
                            <br />
                            <!-- BEGIN fb_connect -->
                            <div class="fb-login-button"></div>
                            <!-- END fb_connect -->
                            <br />
                        </div>
                    </dd>
                </dl>
                <!-- END switch_social_login -->


  
  

  Hinter:

  
  

  Code:

  
        <p align="center"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button" /></p>


  Hinzufügen:

  
  

  Code:

  
            <!-- BEGIN switch_social_login -->
            <div class="mt10 center">
                <div class="social_btn">
                    <div class="fb_or">{switch_login_small.switch_social_login.L_OR}</div>
                    <br />
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <br />
                </div>
            </div>
            <!-- END switch_social_login -->


Klassische mobile Version:

Hinweis: Wenn wir uns auf einen Block XXX beziehen, reden wir von allen Block-Inhalten vom Eröffnungs-Tag <!-- BEGIN XXX --> bis zum Schluss-Tag <!-- END XXX -->

• In overall_footer
  
  

  Hinter:

  
  

  Code:

  
 {PROTECT_FOOTER}
 <div class="application_footer_spacer"></div>
 </div>
 </div>
</div>


  Hinzufügen:

  
  

  Code:

  
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });

        FB.init({
            appId   : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml   : {switch_facebook_login.FB_XFBML},
            oauth   : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->


  
  
• In overall_header
  
  

  Vor:

  
  

  Code:

  
 {HOSTING_JS}
</head>


  Hinzufügen:

  
  

  Code:

  
    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->


Moderne mobile Version

• In overall_footer
  
  

  Vor:

  
  

  Code:

  
</body>


  Hinzufügen:

  
  

  Code:

  
    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
        $(document).ready( function() {
            $('div.fb-login-button, span.fb-login-button').attr({
                "data-scope": "{switch_facebook_login.FB_SCOPE}",
                "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
                "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
                "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
                "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
            });
            $('div.fb-login-button, span.fb-login-button').each(function() {
                if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                    $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
                }
                if($(this).html() == '') {
                    $(this).html('{switch_facebook_login.FB_LABEL}');
                }
            });

            FB.init({
                appId   : "{switch_facebook_login.FB_APP_ID}",
                cookie  : {switch_facebook_login.FB_COOKIE},
                xfbml   : {switch_facebook_login.FB_XFBML},
                oauth   : {switch_facebook_login.FB_OAUTH},
                version : '{switch_facebook_login.FB_VERSION}'
            });

            (function(d, s, id){
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) {return;}
                    js = d.createElement(s); js.id = id;
                js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        });
        function onLoginFB() {
            window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
        }
    </script>
    <!-- END switch_facebook_login -->


  
  
• In overall_header
  
  

  Vor:

  
  

  Code:

  
 {HOSTING_JS}
</head>


  Hinzufügen:

  
  

  Code:

  
    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->