1

我试图将我的帖子页面数据分享到 fb,并且我的帖子页面数据在产品方面发生了变化,它来自服务器,之后我想在 fb 上分享这些数据,但我无法在 fb 分享页面上获取这些数据。

我尝试了以下概念以在 fb 上共享数据

1)ngx-social-button
2)
        let url =  "https://www.facebook.com/dialog/share?app_id=xxxxxxxxx&href="+location.href+"&picture="+this.product.productImageUrl;
        let newwindow=window.open(url,'name','height=500,width=520,top=200,left=300,resizable');
        if (window.focus) {
            newwindow.focus()
        } 

并在发布数据到来时更新元动态

    this.metaService.updateTag({property: 'og:title', content: product.productName});
    this.metaService.updateTag({property: 'og:type', content: 'website'});
    this.metaService.updateTag({property: 'og:image', content: product.productImageUrl});
    this.metaService.updateTag({property: 'og:image:alt', content: product.productName});
    this.metaService.updateTag({property: 'og:description', content: product.productDescription});
    this.metaService.updateTag({property: 'og:url', content: location.href});
    this.metaService.updateTag({property: 'og:image:height', content:'250px'});
    this.metaService.updateTag({property: 'og:image:width', content:'250px'});

但我无法解决在 fb 上共享动态数据的问题

4

1 回答 1

0

据我所知,您不能在 Facebook 上共享数据/文本(预填充文本,如 twitter 不倒翁等),根据 Facebook 的政策,他们不允许共享内容。

https://developers.facebook.com/policy#control

但是,是的,您可以在 Facebook 上分享您的链接/网址、图片。图片爬虫如何爬取您的应用程序,当然这取决于您的应用程序是否支持服务器端,因为问题是 Facebook 爬虫只会看到服务器端呈现的 HTML,Facebook 不会执行客户端 JavaScript。

此外,如果您想检查在 Facebook 上分享后页面分享的样子,您可以在此处进行测试

https://developers.facebook.com/tools/debug/sharing

更新

要为每个特定网页传递动态 SEO 数据,您可以像这样设置它 -

import { Meta, Title } from '@angular/platform-browser';


@Injectable()
export class SEOService {
 constructor(
    private meta: Meta,
    public title: Title
  ) { }

   this.title.setTitle(`Title here`);
   this.meta.updateTag({ name: 'description', content: 'description here' }); 
}

有关更多信息,请参阅文档 -

于 2019-10-18T05:10:23.000 回答