草庐IT

json - 通过 Google 标签管理器插入 JSON

coder 2024-03-01 原文

尝试从站点上的模板中动态提取 HTML 元素。 {{SCHEMA - Recipe Image}} 和 {{SCHEMA - Recipe Description}} 无法正常工作。 {{SCHEMA - Recipe Image}} 引用了正确的部分，但返回了 null(为 image.url 提供的值必须是有效的URL)在 Google 的结构化数据测试工具中。
{{SCHEMA - Recipe Description}}，它在我创建 Article 模式时起作用，由于某种原因不适用于这种类型的模式并给了我一个

Error at line 9, character 5: Parse error. '}' expected

错误。
谁能帮我理解为什么没有正确提取图像 URL 和描述？

<script>
  (function(){
var data = {
     "@context": "http://schema.org",
     "@type": "Recipe",
     "author": "Example",
     "cookTime": "PT1H",
     "description": "Generic description goes here.",
     "image": {
      "@type": "ImageObject",
      "url": {{SCHEMA - Recipe Image}}
     },
     "recipeIngredient": [
       {{SCHEMA - Recipe Ingredient}}
  ],
 "name": {{SCHEMA - Recipe Title}},
 "prepTime": "PT15M",
 "recipeInstructions": {{SCHEMA - Recipe Steps}}
}

var script = document.createElement('script');
script.type = "application/ld+json";
script.innerHTML = JSON.stringify(data);
document.getElementsByTagName('head')[0].appendChild(script); 
 })(document);
</script>

最佳答案

我可以看看自定义变量 {{ SCHEMA - Recipe Image }} 的代码吗？我的第一个想法是您没有正确选择图像的 src 属性值，但除非我看到该代码，否则我无法知道。此外，查看您尝试选择的 HTML 可能会有所帮助。

仅供引用，这是我成功实现图像自定义变量的方式:

function(){
var image = document.querySelector(".slide-2 a").getAttribute('href');
return image;
}

请注意，这是选择环绕图像的链接的 href 属性，您可能需要选择图像的 src 属性，具体取决于您的HTML 结构。

一种可能是您忘记“返回”图像，一旦您选择了图像，因此也请勾选它。

您可能需要做一些更接近于此的事情:

 function(){
    var image = document.querySelector("img").getAttribute('src');
    return image;
    }

另一个可能的答案:我最近为我的一个网站实现了这个，我让谷歌的结构化数据测试工具随机地将一个自定义变量显示为 null，但不是一直如此。我会刷新测试工具，它最终会正确显示，所以我不会 100% 信任该工具，因为它可能有问题。刷新一下，看看是否有帮助。

真正判断字段是否实际填充的唯一方法是打开“元素”选项卡下的 Chrome 开发人员工具，点击 Control - F 并搜索“架构”以找到由 GTM 插入的 JSON 对象，并查看 "url": 字段是否实际填充了 URL。

因此，如果这不能解决您的问题，请向我提供更多信息，我很乐意再看一眼!

关于json - 通过 Google 标签管理器插入 JSON，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42383053/

Googlejsoncode34Recipeseogoogle-tag-managerstructured-data

有关json - 通过 Google 标签管理器插入 JSON的更多相关文章

  1. ruby - i18n Assets 管理/翻译 UI - 2

    我正在使用i18n从头开始​​构建一个多语言网络应用程序，虽然我自己可以处理一大堆yml文件，但我说的语言(非常)有限，最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器，其中一些翻译器不愿意或无法处理存储库中的100多个文件，处理语言数据。谢谢&问候，安德拉斯(如果您已经在ruby​​onrails-talk上遇到了这个问题，我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi

  2. ruby - 通过 rvm 升级 ruby​​gems 的问题 - 2

    尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub

  3. ruby - 在院子里用@param 标签警告 - 2

    我试图使用yard记录一些Ruby代码，尽管我所做的正是所描述的here或here#@param[Integer]thenumberoftrials(>=0)#@param[Float]successprobabilityineachtrialdefinitialize(n,p)#initialize...end虽然我仍然得到这个奇怪的错误@paramtaghasunknownparametername:the@paramtaghasunknownparametername:success然后生成的html看起来很奇怪。我称yard为:$yarddoc-mmarkdown我做错了什么？

  4. ruby - 通过 erb 模板输出 ruby​​ 数组 - 2

    我正在使用puppet为ruby​​程序提供一组常量。我需要提供一组主机名，我的程序将对其进行迭代。在我之前使用的bash脚本中，我只是将它作为一个puppet变量hosts=>"host1,host2"我将其提供给bash脚本作为HOSTS=显然这对ruby​​不太适用——我需要它的格式hosts=["host1","host2"]自从phosts和putsmy_array.inspect提供输出["host1","host2"]我希望使用其中之一。不幸的是，我终其一生都无法弄清楚如何让它发挥作用。我尝试了以下各项:我发现某处他们指出我需要在函数调用前放置“function_”……这

  5. ruby - 通过 ruby​​ 进程共享变量 - 2

    我正在编写一个gem，我必须在其中fork两个启动两个webrick服务器的进程。我想通过基类的类方法启动这个服务器，因为应该只有这两个服务器在运行，而不是多个。在运行时，我想调用这两个服务器上的一些方法来更改变量。我的问题是，我无法通过基类的类方法访问fork的实例变量。此外，我不能在我的基类中使用线程，因为在幕后我正在使用另一个不是线程安全的库。所以我必须将每个服务器派生到它自己的进程。我用类变量试过了，比如@@server。但是当我试图通过基类访问这个变量时，它是nil。我读到在Ruby中不可能在分支之间共享类变量，对吗？那么，还有其他解决办法吗？我考虑过使用单例，但我不确定这是

  6. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  7. ruby - 通过 RVM (OSX Mountain Lion) 安装 Ruby 2.0.0-p247 时遇到问题 - 2

    我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止，这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search

  8. ruby-on-rails - Enumerator.new 如何处理已通过的 block ？ - 2

    我在理解Enumerator.new方法的工作原理时遇到了一些困难。假设文档中的示例:fib=Enumerator.newdo|y|a=b=1loopdoy[1,1,2,3,5,8,13,21,34,55]循环中断条件在哪里，它如何知道循环应该迭代多少次(因为它没有任何明确的中断条件并且看起来像无限循环)？ 最佳答案 Enumerator使用Fibers在内部。您的示例等效于:require'fiber'fiber=Fiber.newdoa=b=1loopdoFiber.yieldaa,b=b,a+bendend10.times.m

  9. ruby - 寻找通过阅读代码确定编程语言的ruby gem？ - 2

    几个月前，我读了一篇关于ruby​​gem的博客文章，它可以通过阅读代码本身来确定编程语言。对于我的生活，我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗？ 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem？，我们在StackOverflow上找到一个类似的问题：

  10. 通过 MacPorts 的 RubyGems 是个好主意吗？ - 2

    从MB升级到新的MBP后，Apple的迁移助手没有移动我的gem。我这次是通过macports安装ruby​​gems，希望在下次升级时避免这种情况。有什么我应该注意的陷阱吗？ 最佳答案 如果你想把你的gems安装在你的主目录中(在传输过程中应该复制过来，作为一个附带的好处，会让你以你自己的身份运行geminstall，而不是root)，将gemhome:键设置为您在~/.gemrc中的主目录中的路径. 关于通过MacPorts的RubyGems是个好主意吗？，我们在StackOverf

随机推荐