程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了og meta标签,社交按钮和angularjs大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决og meta标签,社交按钮和angularjs?

开发过程中遇到og meta标签,社交按钮和angularjs的问题如何解决?下面主要结合日常开发的经验,给出你关于og meta标签,社交按钮和angularjs的解决方法建议,希望对你解决og meta标签,社交按钮和angularjs有所启发或帮助;

无法使用JavaScript完成。有人认为Facebook正在阅读页面上的当前内容。不是。它使用Scraper使用相同的URL(来自window.LOCATIOn.href)向您的服务器发出单独的请求,而Facebook Scraper无法运行JavaScript。这就是为什么当您点击诸如Facebook分享按钮之类的内容时会得到{{page_titlE}}的原因。您的内容将必须由服务器生成,因此,当Facebook访问该URL时,它将无需JavaScript即可获取所需的内容。您可以通过几种方式解决服务器端渲染。

  1. 您可以允许服务器端技术呈现内容。
  2. 您可以使用PhantomJs方法https://github.com/steeve/angular-seo。

解决方法

我正在使用多个视图创建一个网站。页面的标签和标签通过$ rootScope变量进行更改。所以我有类似

<html>
<head>
   <title ng-bind="page_title"></title>
   <meta property="og@R_371_6964@" content="{{page_titlE}}">
</head>

每当将每个视图加载到网站上时,page_title变量都会更改,并且title和og:title标记将更新(一切正常。)

问题是,在某些视图上,我需要加载一个Facebook,一个Google+和一个Twitter按钮。我可以正确显示它们,但如果单击它们,则页面标题看起来像:

{{page_titlE}}

我试图使用setTimeOut延迟每个按钮的脚本执行,但效果不佳。但是脚本只读取已写的内容,而不会解析page_title。

有谁知道解决方法?

谢谢

大佬总结

以上是大佬教程为你收集整理的og meta标签,社交按钮和angularjs全部内容,希望文章能够帮你解决og meta标签,社交按钮和angularjs所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:meta标签og