2.9 集成推荐模块
推荐模块指的就是文章底部显示该文章的关联推荐文章链接,例如下面是图灵社区中某篇文章的关联推荐模块,可以看到图灵社区使用的关联推荐模块是无觅关联推荐;
这里我们把这两个推荐模块一起集成到主题中,可以通过配置来选择使用哪个推荐模块。
1. 获取无觅推荐代码
点击无觅关联推荐,进入首页,注册账号,获取插件代码。
如需要自定义相关样式,可以进入无觅后台管理中心,进行自定义设置。
添加网站进入设置界面可以进行自定义设置,设置部分就不多说了。接下来看如何添加的站点中。
2. 获取百度推荐代码
进入百度推荐 -- 最专业的个性推荐引擎首页,注册,并新建一个推荐窗口,最终获取代码,中间过程就不多赘述了,按照网站提示往下走就行了。
这里我们选择异步代码,使推荐模块不影响网页页面的加载。
3. 新建推荐模块relate.ejs
relate.ejs
在主题目录下layout/_partial
文件夹下新建relate.ejs
文件,存放推荐模块的相关代码,将从无觅推荐上以及百度推荐上获取的代码集成到这个推荐模块中,代码如下所示:
为了让无觅推荐服务更加精准,上面添加了一段javascript代码用来获取wumiiTags
以及wumiiCategories
变量所需要的值。
同时,这里定义了一个relate_provider
以及wumii_siteprefix
变量,用来配置选择哪个推荐服务以及无觅推荐的域名,并且也定义了百度推荐变量baidu_tuijian_id
,同样可以在主题配置文件下进行配置。
最后,无觅推荐还有一段在线js
代码把它放到放到after_footer.ejs
文件中,避免由于wumii的关系影响页面加载,如下所示
接下来就是在主题配置文件中对上述代码中的变量进行配置。
4. 在配置文件中添加相关配置
打开主题配置文件_config.yml
,进行如下配置,写清楚注释文本,利人利己。
5. 将推荐模块添加到文章中
上面只是新建了relate.ejs
文件,还没有添加到实际页面中,接下来将它添加到文章页面下,也就是layout/_partial/article.ejs
中,添加到如下位置上,即在文章页面显示。
OK,大功告成,集成推荐模块完成,这里只能选其一,如果都要的话,就要修改一下relate.ejs
文件了,不过不建议都要,不然会使页面看起来不够简洁。
Last updated