标签: facebook-opengraph

如何使用nodejs从Instagram url获取Open Graph元数据?

问题:

与其他社交媒体网站类似,我在我的网站中显示 Instagram 链接的预览。但是,当我无法从网页获取元标记时,因为从浏览器访问的页面与通过axios. 我无法在 Instagram 页面中获取Open Graph 标签。

我尝试过的

使用的软件包:axios以及 下面示例中使用的帖子网址: https: //www.instagram.com/p/Cg39m-KjfC8/jssoup

const axios = require('axios').default;
var JSSoup = require('jssoup').default

const fetchOgDatafromInsta = async (postid) => {
  // let's consider this url for example
  page = await axios.get(`https://www.instagram.com/p/Cg39m-KjfC8/`, {
    headers: {
      "sec-ch-ua-platform": "Windows",
      "User-Agent":
        "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36",
      "accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8",
      "accept-encoding": "gzip, deflate, br",
      "accept-language": "en-US;q=0.7",
      "sec-fetch-dest": "document",
      "sec-fetch-mode": "navigate",
      "sec-fetch-site": "none", …
Run Code Online (Sandbox Code Playgroud)

javascript node.js instagram facebook-opengraph axios

5
推荐指数
0
解决办法
596
查看次数

有谁知道是否可以像Twitter一样进行iMessage链接预览?

我已经尝试了 og:type、og:description、og:title 以及其他标签的每种组合,但无法像 Twitter 在 iMessage 上那样提供预览。我想这个预览可能只针对 Twitter 进行了硬编码?上图是我想要的,下图是我能得到的。

在此输入图像描述

html ios facebook-opengraph

5
推荐指数
1
解决办法
1136
查看次数

Open Graph beta:如何在动作中标记好友?

我已设法使用Graph API发布活动.如何在动作中标记朋友?

我可以看到您可以在操作仪表板中添加标签,但除此之外没有指定如何标记朋友.

facebook facebook-graph-api facebook-opengraph

4
推荐指数
1
解决办法
3317
查看次数

Facebook Open Graph对象类型 - 文章?

我正在尽力理解Open Graph Protocol中所有内容的含义阅读它上面的FB页面OGP页面.这在FB和OGP的世界中究竟是什么意思:

请注意,Open Graph协议目前旨在支持现实对象.如果您的网址是一段内容 - 例如新闻文章,照片,视频或类似内容 - 您应该设置og:type to article(见下文).类型文章的页面没有发布权限,并且不会显示在用户的配置文件上,因为它们不是真实世界对象

究竟Pages of type article do not have publishing rights, and will not show up on user's profiles我认为我对出版权的理解是什么,但在用户身上没有显示出什么; s profile?用户配置文件部分是我不明白的.

facebook opengraph facebook-opengraph

4
推荐指数
3
解决办法
9926
查看次数

OpenGraph - 选择og:url points/redirect user并保持标签正常工作的位置

我正在尝试实现OpenGraph动作和对象.它工作正常,我能够在ticker/Timelime中创建对象和动作.

我唯一关心的是当你显示对象时,它的标题是一个链接.但是它链接到我用来生成对象的页面,所以没有什么可以显示:

object.html.erb

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# name_space: http://ogp.me/ns/fb/name_space#">
<meta property="fb:app_id"        content="APP_ID" /> 
<meta property="og:type"          content="name_space:object" /> 
<meta property="og:url"          content="PATH_TO_METHOD_TO_CREATE_OBJECT?img_link=<%= CGI.escape(@img_link)%>&points=<%=@points%>&description=<%= @description%>" /> 
<meta property="og:title"         content="<%= params[:units_offered] %> Points" /> 
<meta property="og:description"   content="<%= params[:description] %>" />
<meta property="og:image"       content="<%= params[:img_link] %>">
Run Code Online (Sandbox Code Playgroud)

如果我将og:url元标记更改为我的FB页面的网址,则该对象将选择我的FB页面值.

在一个完美的我想链接到什么或我的FB页面.

任何线索?

谢谢!

facebook meta-tags opengraph facebook-opengraph

4
推荐指数
1
解决办法
6965
查看次数

打开图形元标记

我使用Facebook应用程序(shortstack)来制作我的页面.我希望在与短网址共享时个性化发布.我测试创建一个开放的图形元标记,但它不起作用.

facebook meta-tags facebook-opengraph

4
推荐指数
1
解决办法
5843
查看次数

OpenGraph:我如何在FB.api中指定过滤器?

我使用OpenGraph构建了一个Facebook应用程序,允许用户在音乐会上写评论,这样我就定义了一个concert_id属性,用户可以在其上插入评论.

现在我想显示为某个concert_id插入的所有评论,但找不到方法; 如果我这样做(在JS中)

FB.api('/me/MY_APP:action', { limit: 0}, function(response) {
    console.log(response);
});
Run Code Online (Sandbox Code Playgroud)

我收到所有物品.这个应用程序必须由移动消费,我认为获取所有项目是不好的,然后,只过滤我需要的concert_id.如何将OpenGraph中的"where"条件应用于自定义操作?

facebook facebook-graph-api facebook-opengraph

4
推荐指数
1
解决办法
1269
查看次数

Open Graph数字聚合不显示float的小数位

我正在尝试使用数字布局为我的开放图形操作创建聚合.它需要有两个小数位.我的对象'location'具有Float类型的属性'rtw'.

在数字字段的创建聚合屏幕中,{location.rtw | currency}根据此文档,我应该将浮点数格式化为2位小数:https://developers.facebook.com/docs/opengraph/template/

然而它似乎围绕它而不是显示小数位,所以我的1.54的浮点数变为2.

我在这里做错了吗?

facebook social-networking opengraph facebook-opengraph

4
推荐指数
1
解决办法
614
查看次数

Facebook的动态图像Opengraph og:图像元标记

我想在Facebook上分享我网站上的图片.图像可以是动态的,但其他元将保持不变.

有没有办法在OG:IMAGE标签中拥有动态数据,或者我必须使用FB Post API的其他选项.

dynamic facebook-opengraph

4
推荐指数
1
解决办法
7649
查看次数

如何在创建Open Graph对象时禁止Facebook默认创建操作(post)

我正在为iOS创建一个照片应用.我有一个自定义动作类型对,在我的应用程序中定义"拍照".我首先创建"照片"对象(我有一个用户生成的图像,我首先上传照片并获取登台URI.此代码在此之后):

NSMutableDictionary *imageData = [NSMutableDictionary dictionaryWithDictionary:
                                          @{
                                          @"url" : stagingURL,
                                          @"user_generated" : @"true",

                                          }];
NSMutableDictionary<FBOpenGraphObject> *object =
        [FBGraphObject openGraphObjectForPostWithType:@"tonerapp:photo"
                                                title:@"photo"
                                                image:imageData
                                                  url:@"http://tonerapp.info"
                                          description:title];
//post the object to facebook
[FBRequestConnection startForPostOpenGraphObject:object completionHandler:^(FBRequestConnection *connection, id result, NSError *error) {
            if(result != nil){
                NSString* resultID = [result objectForKey:@"id"];
                NSMutableDictionary<FBGraphObject> *actionDict = [FBGraphObject graphObject];
                actionDict[@"photo"] = resultID;
                [self postTakeActionToFacebookWithOpenGraphObject:actionDict completion:action];

            }else{
                action(NO);
            }
        }];
Run Code Online (Sandbox Code Playgroud)

发布对象后,我在完成处理程序中发布"take"操作,如上所示.以下是使用"photo"对象发布"take"操作的代码:

-(void)postTakeActionToFacebookWithOpenGraphObject:(NSMutableDictionary<FBGraphObject>*)ogObject completion:(booleanAction)action{
  if(self.selectedPlace != nil){
      ogObject[@"place"] = [self.selectedPlace id];
  }
  if(self.taggedFriends != nil && self.taggedFriends.count > 0){
      ogObject[@"tags"] = …
Run Code Online (Sandbox Code Playgroud)

facebook opengraph facebook-graph-api ios facebook-opengraph

4
推荐指数
1
解决办法
1604
查看次数