如何使用Facebook Graph API(如共享按钮)共享图像

时间:2014-07-18 15:11:34

标签: php facebook facebook-graph-api facebook-sharer

当用户点击特定链接(不是分享按钮)时,我想打开facebook的分享弹出窗口。我想在php中执行此操作并希望共享图像。

注意:我想提供动态出现的图像来源。

任何人都可以帮助我吗?

如果需要,请询问更多信息。

谢谢。

更新

以下是我的代码:

链接所在的主页:

<li id="FB_post" style="display:none;"><a id="post_image_href"  href="https://www.facebook.com/sharer/sharer.php" target="_blank">Facebook</a></li>

在js(点击事件)

$("#post_image_href").click(function(e) {
        if($('.prodct_personalize_but a').html() != 'Cancel' && $('#zoom1').length>0 ){         
            $(this).attr('href','https://www.facebook.com/sharer/sharer.php?u='+$('#zoom1').attr('href'));
        }       
        else if ($(".image-main-container").css('display') != 'none')
        {
            if ($('.product_box23').css('display') != 'none')
            {

                e.preventDefault();
                setProperDynamicTextPosition();
                var data = $('#personalise_form').serialize();

                $('#loader_img').show();
                $.post(ajaxurl, data + '&action=save_personalise_image', function(response) {
                    if (response != '' && response != undefined) {
                        var Aryresponse = response.split('###');
                        $("#post_image_href").attr('href','https://www.facebook.com/sharer/sharer.php?u=' + Aryresponse[0]);
                        document.location.href = $("#post_image_href").attr('href');
                        $('#loader_img').hide();
                    }
                });
            }
        }
    });

点击Facebook链接并转到Facebook页面时创建的链接:

在分享稀释框中:浏览器的当前网址和地址栏中的更新链接。 对于Ex。 https://www.facebook.com/sharer/sharer.php?u=https://www.picpixa.com/wp-content/plugins/create-own-object/test-img/final_ProductImage_1405751994-2197.png

如果您想了解更多信息,请与我们联系。

更新JS功能:

我更改了js(点击事件功能):

以下是更新的功能:

$("#post_image_href").click(function(e) {
        var url='';
        if($('.prodct_personalize_but a').html() != 'Cancel' && $('#zoom1').length>0 ){         
            //$(this).attr('href','https://www.facebook.com/sharer/sharer.php?u='+$('#zoom1').attr('href'));
            url = 'https://www.facebook.com/sharer/sharer.php?u='+$('#zoom1').attr('href');
            console.log("If: "+ $('#zoom1').attr('href'));
            console.log("URL: "+ url);
        }       
        else if ($(".image-main-container").css('display') != 'none')
        {
            if ($('.product_box23').css('display') != 'none')
            {
                e.preventDefault();
                setProperDynamicTextPosition();
                var data = $('#personalise_form').serialize();

                $('#loader_img').show();
                $.post(ajaxurl, data + '&action=save_personalise_image', function(response) {
                    if (response != '' && response != undefined) {
                        var Aryresponse = response.split('###');
                        //$("#post_image_href").attr('href','https://www.facebook.com/sharer/sharer.php?u=' + Aryresponse[0]);
                       url = 'https://www.facebook.com/sharer/sharer.php?u=' + Aryresponse[0];
                       console.log("Else: "+ Aryresponse[0]);
                       console.log("URL: "+ url);
                       window.open(url, "popupWindow", "width=450,height=400,scrollbars=no"); //If I don't use this the pop up don't open.
                       //In fact this is og no use as this is not opening but still I have to put this here to run below winodw.open.
                        $('#loader_img').hide();
                    }
                });
            }
        }
        console.log("The URL is: "+url);
        window.open(url, "popupWindow", "width=450,height=400,scrollbars=no");
    });

另一个更新:Imp。的信息:

我认为这可能是Meta标签的问题。它是。我在主页面中提供了所有必需的元标记,但是当我调试我正在传递的网址时,它给了我以下结果。

Click here to see the result

有人能找到我的解决方案吗?

0 个答案:

没有答案