javascript - 实现选择加入 Facebook 点赞按钮

Question

我已经在我的 (html) 网站中实现了一个类似于 facebook 的按钮。现在，德国数据保护法希望网页可以选择加入。其他网站通过不立即显示 facebook 来做到这一点，而是显示一个按钮，上面写着“激活 facebook 按钮”，当单击此按钮时，他们将其替换为真正的 facebook 按钮。
所以它需要点击两次，但这对我来说没问题。一个例子是 this webpage .

我知道 html 和 php，但对 javascript 一无所知(目前)。我想知道如何实现这一点:如何在点击时用 facebook 按钮替换假按钮？

Answer 1

查看他们的源代码，他们的站点正在使用他们称为 button2iframe 的函数 - 这里是:

function button2iframe(id,link){
        //alert(id);
        var substr = link.split("?");
        var url = substr[0];
        substr.reverse();
        substr.pop();
        substr.reverse();
        var params = substr.join("?");
        params = params.split("&");
        var k;
        var param = "";
        var paramname = "";
        for( var k=0; k<params.length; k++ ) {
            param = params[k].split("=");
            if(param.length>1){
                if(param.length>2){
                    paramname = param[0];
                    param.reverse();
                    param.pop();
                    param.reverse();
                    param[1] = param.join("=");
                    param[0] = paramname;
                }
                param[1] = encodeURIComponent(param[1]);
            }
            params[k] = param.join("=");
        }
        params = params.join("&");
        link = url+"?"+params;
        jQuery(function ($) {
            $("#"+id).html($('<iframe allowtransparency="true" frameborder="0" scrolling="no" src="'+link+'" id="iframe_'+id+'"/>'));
        });
    }

Facebook 按钮的关联标记如下所示:

<li class="wpsoptin_facebook" id="wpsoptin_facebook_39429">
    <div class="wpsoptin_medium">
    <a class="wpsoptin_sharerlink" href="javascript:button2iframe('wpsoptin_facebook_39429','FACEBOOK LIKE BUTTON IFRAM URL GOES HERE')">Facebook aktivieren</a>
    <div class="wpsoptin_sharerend"></div>
    </div>
</li>

此代码还要求您在站点中包含 jQuery。