如何将面包屑添加到现有 JSON+LD 列表答案

【问题标题】：How can i add a breadcrumb to an existing JSON+LD list如何将面包屑添加到现有 JSON+LD 列表
【发布时间】：2015-03-28 06:08:18
【问题描述】：

我有一个 JSON+LD 对象，我需要将项目动态添加到列表元素。如果我从这段代码开始：

var jsonObj = {
    "@context": "http://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement":
    [
        {
            "@type": "ListItem",
            "position": 1,
            "item":
            {
                "@id": "http://domain.com/",
                "name": "Home"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item":
            {
                "@id": "http://domain.com/used-equipment/",
                "name": "Used Equipment"
            }
        }
    ]
}

如何使用 JavaScript 在位置 3 添加另一个项目？这可能吗？

【问题讨论】：

JSON 在哪里？看来您有一个常规的 JS 对象，而“列表元素”是一个数组。因此你可以做类似jsonObj.itemListElement.push({...});
您可以在初始页面加载后执行此操作吗？从网络服务接收到新数据后，我需要添加到列表中
是的，如果你可以在函数中访问jsonObj，它接收数据。
嗯，感谢您的投入，非常感谢。但是，我有一个更大的问题。除非我将此代码包装在脚本标签中并将类型设置为“application//ld+json”，否则 Google 的结构化数据测试工具不会看到它。所以像上面那样拥有它对我不起作用。 ://

标签： javascript schema breadcrumbs

【解决方案1】：

当然，您可以像前两个一样添加它：

[
    {
        "@type": "ListItem",
        "position": 1,
        "item":
        {
            "@id": "http://domain.com/",
            "name": "Home"
        }
    },
    {
        "@type": "ListItem",
        "position": 2,
        "item":
        {
            "@id": "http://domain.com/used-equipment/",
            "name": "Used Equipment"
        }
    },
    {
        "@type": "ListItem",
        "position": 3,
        "item":
        {
            "@id": "Insert URL here",
            "name": "Name of the page"
        }
    }
]

【讨论】：

是的，但是如何在页面加载后添加它，例如从服务接收新数据后？我从 Web 服务加载了一些产品，因此我需要在初始页面加载后添加到初始面包屑列表。
@pedrom40 然后照提姆说的做。是的，这可以在页面加载后完成，因为这将运行 Javascript 代码。