首先,您完全可以自由使用这里的内容,我所做的大部分工作都是从我自己的错误调试过程中拼凑起来的。我在自己的新闻网站
http://kbkw.com 上使用了这里的一切。我认为我已经包括了所有内容,但如果您有任何问题,请随时联系我。这些都可能是这篇文章的延续
https://xoops.org.cn/modules/news/article.php?storyid=6044 META 我在我的模板中的 Meta 标签中添加以下内容
<meta property="og:type" content="article"/>
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="<{$xoops_url}>/YOUR LOGO.png" />
<meta property="og:site_name" content="<{$xoops_sitename}>"/>
<meta property="fb:admins" content="FB ADMINS FOR THE SITE"/>
我添加了一些 If/Then 语句,当我们在查看故事时,这些语句将会填充其他的 Facebook 值。(如果故事中的 hits 变量为空,则我们不是正在查看文章)
<{if $story.hits !=''}>
<meta name="description" content="<{$story.news_title|strip_tags:false}> : <{$story.text|strip_tags:false|truncate:120:"..."}>" />
<meta property="og:description" content="<{$story.text|strip_tags:false|truncate:120:"..."}>" />
<meta property="og:title" content="<{$story.news_title|strip_tags:false|truncate:120:"..."}>"/>
<meta property="og:url" content="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" />
与上述相同,但针对debaser模块
<{elseif $addinfo != ''}>
<meta name="description" content="<{$addinfo|strip_tags:true|truncate:220:"..."}>" />
<meta property="og:description" content="<{$addinfo|strip_tags:true|truncate:220:"..."}>" />
<meta property="og:title" content="<{$title}>"/>
<meta property="og:url" content="<{$xoops_url}>/modules/debaser/singlefile.php?id=<{$id}>" />
此用法为新闻1.65中“选择图片附加到新闻”的功能。
<{if $articlePicture != ''}>
<meta property="og:image" content="<{$articlePicture}>" />
<{/if}>
然后从这里开始,我们填充“其余页面”的变量,并关闭IF语句。
<{else}>
<meta name="description" content="<{$xoops_pagetitle}>, <{$xoops_meta_description}>" />
<meta property="og:title" content="<{$xoops_pagetitle}>"/>
<{/if}>
最后,我添加关键词,因为Facebook会在它自己的之前拉取这个meta,原因不明。
<meta name="keywords" content="<{$xoops_pagetitle}>, <{$xoops_meta_keywords}>" />
模板 现在在新发布的 news_item.html 模板中,我添加了对正确主题的检查
<{if $story.topic_title|strip_tags:false == "Local News"}>
随后是我的“社交栏”
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" addthis:title="<{$story.news_title|strip_tags:true}>">a>
<a class="addthis_button_tweet" addthis:url="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" addthis:title="<{$story.news_title|strip_tags:true}>">a>
<a class="addthis_button_google_plusone" addthis:url="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" addthis:title="<{$story.news_title|strip_tags:true}>" g:plusone:size="medium">a>
<{if $articlePicture != ''}>
<a href="http://pinterest.com/pin/create/button/?url=<{$xoops_url}>/modules/news/article.php?storyid%3D<{$story.id}>&media=<{$articlePicture}>&description=<{$story.news_title|strip_tags:false}> - <{$story.text|strip_tags:false|truncate:320:"..."}>" class="pin-it-button" count-layout="horizontal">Pin Ita>
<{else}>
<a href="http://pinterest.com/pin/create/button/?url=<{$xoops_url}>/modules/news/article.php?storyid%3D<{$story.id}>&media=<{$xoops_url}>/logo.png&description=<{$story.news_title|strip_tags:false}> - <{$story.text|strip_tags:true|truncate:320:"..."}>" class="pin-it-button" count-layout="horizontal">Pin Ita>
<{/if}>
<a class="addthis_counter addthis_pill_style" addthis:url="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" addthis:title="<{$story.news_title|strip_tags:true}>">a>
div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR PUB ID" addthis:url="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>" addthis:title="<{$story.news_title|strip_tags:true}>">script>
通过在新闻条目模板中添加,而不是在_article中添加,您会在查看整个主题时看到每个故事底部的社交图标——并且链接能跟踪到故事,因此您可以通过点击几下就“赞”每页上的故事。**注意:Pinterest 需要在此页面的顶部添加此额外的 js(我把我的放到了 news_index.html 和 news_article.html 中
<script type="text/javascript">
(function() {
window.PinIt = window.PinIt || { loaded:false };
if ((window.PinIt.loaded) ) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
if ((window.location.protocol == "https:"))
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if ((window.attachEvent))
window.attachEvent("onload", async_load);
else
window.addEventListener("load", async_load, false);
})();
script>
最后,我在 news_article.html 模板的底部附近添加了以下代码,用于 Facebook 的“聊天”插件
<fb:comments ? numposts="15" <div class="fb-comments" data-href="<{$xoops_url}>/modules/news/article.php?storyid=<{$story.id}>">fb:comments>