带标题的ColdFusion Facebook Share按钮使用自定义图像和说明

目前，我使用此anchor创建一个facebook共享按钮，我可以在其中自定义其图像，标题和说明。带标题的ColdFusion Facebook Share按钮使用自定义图像和说明

<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?s=100&amp;p 
      [url]=#CGI.SERVER_NAME##CGI.PATH_INFO#?#CGI.QUERY_STRING#p 
      [images][0]=MySiteImage.jpg&amp;p 
      [title]=#PageTitleGoesHere#&amp;p 
      [summary]=My Site Facebook Button Sharer"> 
    <img src="/images/chicklets/FaceBook_Share.png"> 
</a>

如何获得当前页面标题，我可以将其放在#PageTitleGoesHere#值中？

来源

2013-05-14 lexeRoy

页面标题从你定义了''变量的值相同的地方？ – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/492335/">duncan</a></span> <span>2013-05-14 12:29:21</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">是的。来自同一页面 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1129189/">lexeRoy</a></span> <span>2013-05-15 00:50:30</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">您不必在共享网址中重复标题，Facebook会抓取您的网页并从标题元素中抓取它。你可以在这里测试它https://developers.facebook.com/tools/debug。使用开放图形标记可以更好地控制FB使用的元数据。 – <span class="text-secondary"> <small> <span>2013-05-15 08:43:06</span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">回答</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">1<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>为什么不让你的当前页面标题变成一个变量，然后在你的URL和标签中输出呢？</p> <pre><code class="prettyprint-override"><cfset pageTitle = "Your title"> <title>#pageTitle#</title> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?s=100&p [url]=#CGI.SERVER_NAME##CGI.PATH_INFO#?#CGI.QUERY_STRING#p [images][0]=MySiteImage.jpg&p [title]=#pageTitle#&p [summary]=My Site Facebook Button Sharer"> <img src="/images/chicklets/FaceBook_Share.png"> </a> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/16550404">来源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-05-14 18:37:54</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2360118/">fyroc</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">您需要在这些变量引用周围放置'<cfoutput>'标签。 – <span class="text-secondary"> <small> <span>2013-05-14 19:36:14</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">我还需要包装<head></head>约<title>和很多其他的东西。我只是举个简单的例子。 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2360118/">fyroc</a></span> <span>2013-05-14 20:22:47</span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>我认为你不能控制页面标题的设置，但是你想在你有权控制的其他页面中调用它。</p> <p>您可以从页面缓冲</p> <pre><code class="prettyprint-override"><cfset pageContent = getPageContext().getOut().getString()> <cfset pageTitleStart = FindNoCase("<title>",pageContent) + len("<title>")> <cfset pageTitleCount = FindNoCase("</title>",pageContent) - pageTitleStart> <cfset pageHeader = MID(pageContent, pageTitleStart, pageTitleCount)> <cfoutput>"#pageHeader#"</cfoutput> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/16570792">来源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-05-15 16:50:32</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2196360/">Levon</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相关问题</div> <ul class="relative_list"> <li> 1. <a href="http://cn.voidcc.com/question/p-tsocxfuj-hr.html" target="_blank" title="带图像的自定义android按钮"> 带图像的自定义android按钮 </a> </li> <li> 2. <a href="http://cn.voidcc.com/question/p-rvxuzxhk-sc.html" target="_blank" title="带图像的自定义按钮"> 带图像的自定义按钮 </a> </li> <li> 3. <a href="http://cn.voidcc.com/question/p-blsttidm-vx.html" target="_blank" title="自定义Facebook像按钮"> 自定义Facebook像按钮 </a> </li> <li> 4. <a href="http://cn.voidcc.com/question/p-yzchdnwo-cq.html" target="_blank" title="带有静态图像的Facebook Share按钮"> 带有静态图像的Facebook Share按钮 </a> </li> <li> 5. <a href="http://cn.voidcc.com/question/p-dllvjixe-ro.html" target="_blank" title="带有动态URL和标题的Twitter和Facebook自定义分享按钮"> 带有动态URL和标题的Twitter和Facebook自定义分享按钮 </a> </li> <li> 6. <a href="http://cn.voidcc.com/question/p-zveufkxx-qd.html" target="_blank" title="更改自定义按钮的状态（带图像的按钮）？"> 更改自定义按钮的状态（带图像的按钮）？ </a> </li> <li> 7. <a href="http://cn.voidcc.com/question/p-xdxvvitr-ve.html" target="_blank" title="Facebook中的每个图像的Facebook Share按钮"> Facebook中的每个图像的Facebook Share按钮 </a> </li> <li> 8. <a href="http://cn.voidcc.com/question/p-tekvpdgj-hq.html" target="_blank" title="自定义按钮图标问题"> 自定义按钮图标问题 </a> </li> <li> 9. <a href="http://cn.voidcc.com/question/p-gwabzhbl-rt.html" target="_blank" title="自定义图像按钮"> 自定义图像按钮 </a> </li> <li> 10. <a href="http://cn.voidcc.com/question/p-gvlmusve-sm.html" target="_blank" title="带有自定义图像和文本的表单按钮"> 带有自定义图像和文本的表单按钮 </a> </li> <li> 11. <a href="http://cn.voidcc.com/question/p-mxhzjdtt-gk.html" target="_blank" title="Facebook SDK：用自定义图像取代“登录”按钮"> Facebook SDK：用自定义图像取代“登录”按钮 </a> </li> <li> 12. <a href="http://cn.voidcc.com/question/p-gzhsbdda-gn.html" target="_blank" title="系统图标和图像的自定义导航栏按钮"> 系统图标和图像的自定义导航栏按钮 </a> </li> <li> 13. <a href="http://cn.voidcc.com/question/p-mrnzmawc-na.html" target="_blank" title="使用自定义按钮登录Facebook"> 使用自定义按钮登录Facebook </a> </li> <li> 14. <a href="http://cn.voidcc.com/question/p-qodpzekk-op.html" target="_blank" title="LinkedIn和Facebook像按钮更改图像和标题？"> LinkedIn和Facebook像按钮更改图像和标题？ </a> </li> <li> 15. <a href="http://cn.voidcc.com/question/p-czeulmto-ta.html" target="_blank" title="自定义按钮图像不适用"> 自定义按钮图像不适用 </a> </li> <li> 16. <a href="http://cn.voidcc.com/question/p-snivzstt-hc.html" target="_blank" title="自定义Facebook Like按钮"> 自定义Facebook Like按钮 </a> </li> <li> 17. <a href="http://cn.voidcc.com/question/p-alsfrwjt-so.html" target="_blank" title="AlertDialog - 自定义视图和标题/按钮之间的差距"> AlertDialog - 自定义视图和标题/按钮之间的差距 </a> </li> <li> 18. <a href="http://cn.voidcc.com/question/p-xlsyszsi-oy.html" target="_blank" title="在Facebook上添加说明LIKE按钮"> 在Facebook上添加说明LIKE按钮 </a> </li> <li> 19. <a href="http://cn.voidcc.com/question/p-bbyyycbu-kq.html" target="_blank" title="创建带有按钮的标题行中自定义的GridView"> 创建带有按钮的标题行中自定义的GridView </a> </li> <li> 20. <a href="http://cn.voidcc.com/question/p-btpavjbr-v.html" target="_blank" title="Facebook视频像使用自定义按钮"> Facebook视频像使用自定义按钮 </a> </li> <li> 21. <a href="http://cn.voidcc.com/question/p-euasrwtf-vv.html" target="_blank" title="图像不设置自定义按钮"> 图像不设置自定义按钮 </a> </li> <li> 22. <a href="http://cn.voidcc.com/question/p-qdiegbvm-sc.html" target="_blank" title="ColdFusion的使用自定义标签中自定义标签"> ColdFusion的使用自定义标签中自定义标签 </a> </li> <li> 23. <a href="http://cn.voidcc.com/question/p-cgbllsle-qb.html" target="_blank" title="图像自定义后退按钮"> 图像自定义后退按钮 </a> </li> <li> 24. <a href="http://cn.voidcc.com/question/p-qfvudaro-dg.html" target="_blank" title="Facebook连接按钮与自定义图像"> Facebook连接按钮与自定义图像 </a> </li> <li> 25. <a href="http://cn.voidcc.com/question/p-ogexjmpe-sh.html" target="_blank" title="没有标题，也没有使用嵌入按钮的说明"> 没有标题，也没有使用嵌入按钮的说明 </a> </li> <li> 26. <a href="http://cn.voidcc.com/question/p-ehobakgg-ma.html" target="_blank" title="Facebook Like按钮显示右标题，但错误说明和错误thumbnail（WordPress的）"> Facebook Like按钮显示右标题，但错误说明和错误thumbnail（WordPress的） </a> </li> <li> 27. <a href="http://cn.voidcc.com/question/p-dsekufdn-bm.html" target="_blank" title="Facebook登录自定义设计按钮"> Facebook登录自定义设计按钮 </a> </li> <li> 28. <a href="http://cn.voidcc.com/question/p-zypmvnzg-pz.html" target="_blank" title="带有透明度的图像按钮"> 带有透明度的图像按钮 </a> </li> <li> 29. <a href="http://cn.voidcc.com/question/p-faiweddz-ew.html" target="_blank" title="带有自定义图像的Mac圆角纹理按钮"> 带有自定义图像的Mac圆角纹理按钮 </a> </li> <li> 30. <a href="http://cn.voidcc.com/question/p-cieljlow-eu.html" target="_blank" title="使用图标和文字创建自定义按钮"> 使用图标和文字创建自定义按钮 </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515421853"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 每日一句 </div> <div class="panel-body m-b-sm m-t-sm clearfix"> 每一个你不满意的现在，都有一个你没有努力的曾经。 </div> </div> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新问题 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://cn.voidcc.com/question/p-qtzwkniu-nq.html" target="_blank" title="javascript中的asp.net自动完成组合框函数"> javascript中的asp.net自动完成组合框函数 </a> </li> <li class="side_article_list_item"> 2. <a href="http://cn.voidcc.com/question/p-zqmrcxhj-hn.html" target="_blank" title="如何使用具有多参数函数的magrittr管道？"> 如何使用具有多参数函数的magrittr管道？ </a> </li> <li class="side_article_list_item"> 3. <a href="http://cn.voidcc.com/question/p-cdeeigig-ts.html" target="_blank" title="Retrofit2中的数据缓存"> Retrofit2中的数据缓存 </a> </li> <li class="side_article_list_item"> 4. <a href="http://cn.voidcc.com/question/p-dmyecgko-tt.html" target="_blank" title="安装在netstandard 2.0项目中的nuget软件包中不支持xdt转换吗？"> 安装在netstandard 2.0项目中的nuget软件包中不支持xdt转换吗？ </a> </li> <li class="side_article_list_item"> 5. <a href="http://cn.voidcc.com/question/p-fkbbhvih-tr.html" target="_blank" title="从列表中返回MAX值VLOOKUP"> 从列表中返回MAX值VLOOKUP </a> </li> <li class="side_article_list_item"> 6. <a href="http://cn.voidcc.com/question/p-feqanaul-tr.html" target="_blank" title="Webassembly的含义是0x40字节？"> Webassembly的含义是0x40字节？ </a> </li> <li class="side_article_list_item"> 7. <a href="http://cn.voidcc.com/question/p-sudpyuxp-tp.html" target="_blank" title="PHP和Ajax分页。为什么GET方法总是返回空值？"> PHP和Ajax分页。为什么GET方法总是返回空值？ </a> </li> <li class="side_article_list_item"> 8. <a href="http://cn.voidcc.com/question/p-hpopbzgd-ma.html" target="_blank" title="如何获得特定列的数据类型，长度在SQL Server 2008"> 如何获得特定列的数据类型，长度在SQL Server 2008 </a> </li> <li class="side_article_list_item"> 9. <a href="http://cn.voidcc.com/question/p-tupltssw-ne.html" target="_blank" title="CakePHP - 将一个空值传递给单选按钮"> CakePHP - 将一个空值传递给单选按钮 </a> </li> <li class="side_article_list_item"> 10. <a href="http://cn.voidcc.com/question/p-efytxwpv-mm.html" target="_blank" title="只打印在.csv文件中的某些行"> 只打印在.csv文件中的某些行 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相关问题</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://cn.voidcc.com/question/p-tsocxfuj-hr.html" target="_blank" title="带图像的自定义android按钮"> 带图像的自定义android按钮 </a> </li> <li class="side_article_list_item"> 2. <a href="http://cn.voidcc.com/question/p-rvxuzxhk-sc.html" target="_blank" title="带图像的自定义按钮"> 带图像的自定义按钮 </a> </li> <li class="side_article_list_item"> 3. <a href="http://cn.voidcc.com/question/p-blsttidm-vx.html" target="_blank" title="自定义Facebook像按钮"> 自定义Facebook像按钮 </a> </li> <li class="side_article_list_item"> 4. <a href="http://cn.voidcc.com/question/p-yzchdnwo-cq.html" target="_blank" title="带有静态图像的Facebook Share按钮"> 带有静态图像的Facebook Share按钮 </a> </li> <li class="side_article_list_item"> 5. <a href="http://cn.voidcc.com/question/p-dllvjixe-ro.html" target="_blank" title="带有动态URL和标题的Twitter和Facebook自定义分享按钮"> 带有动态URL和标题的Twitter和Facebook自定义分享按钮 </a> </li> <li class="side_article_list_item"> 6. <a href="http://cn.voidcc.com/question/p-zveufkxx-qd.html" target="_blank" title="更改自定义按钮的状态（带图像的按钮）？"> 更改自定义按钮的状态（带图像的按钮）？ </a> </li> <li class="side_article_list_item"> 7. <a href="http://cn.voidcc.com/question/p-xdxvvitr-ve.html" target="_blank" title="Facebook中的每个图像的Facebook Share按钮"> Facebook中的每个图像的Facebook Share按钮 </a> </li> <li class="side_article_list_item"> 8. <a href="http://cn.voidcc.com/question/p-tekvpdgj-hq.html" target="_blank" title="自定义按钮图标问题"> 自定义按钮图标问题 </a> </li> <li class="side_article_list_item"> 9. <a href="http://cn.voidcc.com/question/p-gwabzhbl-rt.html" target="_blank" title="自定义图像按钮"> 自定义图像按钮 </a> </li> <li class="side_article_list_item"> 10. <a href="http://cn.voidcc.com/question/p-gvlmusve-sm.html" target="_blank" title="带有自定义图像和文本的表单按钮"> 带有自定义图像和文本的表单按钮 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://cn.voidcc.com/contact">联系我们</a></li> <li>© 2020 CN.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>