Javascript 如何将og:url设置为jquery gallery幻灯片?

Javascript 如何将og:url设置为jquery gallery幻灯片?,javascript,php,jquery,wordpress,facebook,Javascript,Php,Jquery,Wordpress,Facebook,嘿,互联网上的好人 我想将meta-og:url设置为jquery库中的幻灯片。 我正在Wordpress网站上使用lightGallery。 使用facebook对象调试器时,我的url slide site/pagelg=1&slide=0变为site/page。 站点/页面在对象调试器中作为规范URL列出-我希望这是图库幻灯片,site/pagelg=1&slide=0 那么,如何将og:url设置为幻灯片,然后希望将完整的url设置为规范的url呢 我想这已经在这里完成了 这里有一个很大

嘿,互联网上的好人

我想将meta-og:url设置为jquery库中的幻灯片。 我正在Wordpress网站上使用lightGallery。 使用facebook对象调试器时,我的url slide site/pagelg=1&slide=0变为site/page。 站点/页面在对象调试器中作为规范URL列出-我希望这是图库幻灯片,site/pagelg=1&slide=0

那么,如何将og:url设置为幻灯片,然后希望将完整的url设置为规范的url呢

我想这已经在这里完成了


这里有一个很大的风险:

可能是因为你的插件使用了“href”而不是“data src”属性。 检查此链接:

编辑:

在执行lightGallery插件之前手动添加数据src:

$("article section.body figure").each(function() {
    var image = $(this).find('img'),
        link = $(this).find('a');

    image.attr('data-src', link.attr('href'));

    link.lightGallery();
});

我认为您正在使用Jquery/js动态设置元数据。对于元属性,设置内容属性,如:

facebook crawler不可能执行Jquery来获取url动态参数(如lg=1和slide=0)的更新元数据。FB对象调试器将为lg=1和slide=0显示nil,并仅为站点/页面提供元响应,直到您不为每个lg=1和slide=0创建静态页面页面或为爬虫程序创建预呈现的html引用

您的测试URL:

该URL的OG标记:

如您所见,og:url中缺少该片段。JavaScript将被忽略,您必须设置正确的og:url服务器端


有关如何使用PHP获取片段的信息:

url片段被debugger@luschn非常感谢你的回答。但是必须有一种方法将片段设置为og:url。是在这里完成的,还是我完全偏离了目标你能分享你自己的URL吗?我希望你不要动态设置标签,因为facebook忽略javascript@当然可以@保罗,谢谢。我正在使用数据属性Wesome。谢谢!我不知道如何才能为正确的幻灯片服务器端获取正确的片段。那就要开始打字和试一试了。谢谢回复: