Regeln und nützliche Hinweise
Lexi Help
www.forumieren.de

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:26

Optimierung des Facebook-Logins auf Forumieren-ForenMITTEILUNG
Hallo liebe Administratoren,

wir freuen uns sehr, euch die Optimierung des Facebook-Logins auf Forumieren-Foren zu verkünden. Eine Zusammenführung der Codes für eine bessere Performance und eine Vereinfachung des Lesens wurde ebenfalls ausgearbeitet. Very Happy

Diese Optimierung ist bereits in den Standard-Templates, egal welche Forum-Version, zu finden. Administratoren, die die Templates von ihren Foren nicht vor dem Datum dieser Ankündigung modifiziert haben, sind von den nachfolgenden Veränderungen nicht betroffen.

Administratoren, die eines der unten gelisteten Templates vor dem 9. März 2017 modifiziert haben, müssen die nachfolgenden Veränderungen manuell vornehmen, damit das Facebook-Login richtig benutzt werden kann.

Beachtet bitte, dass die Optimierung ebenfalls die Verbesserung des Schnellem Benutzer-Login auf phpbb2-Foren betrifft, und es ohne diese manuellen Veränderungen zu Problemen der Anzeige dieser Option führt.

Wir hoffen, euch gefällt diese neue Möglichkeit! Smile
Euer Team von Forumieren king



Zuletzt von Forumbot am Fr 24 März 2017 - 19:05 bearbeitet; insgesamt 2-mal bearbeitet
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:44

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 -->
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:46

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 -->
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:50

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 -->
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:55

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 -->
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Forumbot am Fr 10 März 2017 - 19:58

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 -->
avatar
Forumbot
Forum Bot
Forum Bot

Beiträge : 84
Anmeldedatum : 15.09.10
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten