北鼻娃 2024-05-28 10:07 采纳率: 0%
浏览 10

钉钉分享到微信如何才能显示卡片

从钉钉应用分享到微信的连接，用的dd.share的API，为什么只有分享方自己能看见微信里是卡片，接收方看见的是个链接。我看了说是微信不解析链接，但是想知道有什么方法可以接收方也能看见卡片呢？
另外，不能从微信分享到微信，这个业务就是得从钉钉分享去微信，相当于业务人员在钉钉生成了一个商品链接，需分享给微信里的客户群，客户需要看见卡片上的主要内容，来决定自己要不要点进去购买。如果是一串链接，就没意义呀

  • 写回答

2条回答 默认 最新

  • 专家-赤兔[在线] 全栈领域优质创作者 2024-05-28 10:07
    关注

    引自免费微信小程序：皆我百晓生

    要解决这个问题，首先需要了解钉钉的分享功能是如何工作的，以及微信对分享内容的解析规则。钉钉的分享通常会通过dd.share API 来实现，而微信对于外链的处理确实可能只显示为一个链接，而不是一个包含预览信息的卡片。不过，有一种方式可以尝试让微信解析出卡片：通过设置自定义的标题、描述和图片。

    以下是基本步骤：

    1. 在发送分享链接时，确保链接本身是有效的，并且指向一个支持Open Graph（OG）标签的页面。Open Graph 是一种元数据标准，允许网页提供与之相关的摘要信息，如标题、图片等，这些信息会被社交媒体平台用于生成卡片式分享。

    2. 在你的目标页面（即链接所指向的页面）上添加 Open Graph 标签。这些标签告诉微信和其他社交网络有关页面内容的信息。例如：

      <meta property="og:title" content="商品名称">
<meta property="og:description" content="商品描述">
<meta property="og:image" content="https://example.com/image.jpg">

      这些标签应该放在 <head> 标签内。

    3. 使用钉钉的 dd.share API 时，将链接作为参数传递，并附带额外的配置选项。虽然钉钉官方文档并未明确指出可以设置 OG 标签，但你可以试试看是否可以通过 URL 参数的形式传递这些信息。这可能会导致微信识别并渲染卡片。示例代码如下：

      var shareData = {
    type: 'link',
    title: '商品名称',
    description: '商品描述',
    url: 'http://your-website-url/?og_title=商品名称&og_description=商品描述&og_image=https%3A%2F%2Fexample.com%2Fimage.jpg',
    images: ['http://your-website-url/image.jpg'] // 如果钉钉支持多张图片，可以添加多个
};

dd.ready(function () {
    dd.share(shareData, function (res) {
        console.log('Share result:', res);
    });
});

    4. 测试分享效果。在钉钉中分享后，查看微信中的分享结果。如果仍然只是显示链接，那么可能是钉钉的分享机制限制了 OG 标签的处理。在这种情况下，可能需要寻求钉钉的官方技术支持，看看是否有其他方法可以实现。

    5. 另外，关于从微信分享到微信的问题，由于微信自身的安全策略，一般不允许直接在微信内部跨用户分享链接。钉钉分享到微信的场景通常是将链接分享到微信个人聊天或群聊，然后由接收者手动复制链接再打开。如果你有特殊的业务需求，可能需要与微信官方进行沟通，看是否有定制化的解决方案。

    记住，以上方法并不能保证100%成功，因为微信的分享行为受其自身算法影响，有时候可能仍会显示为链接而非卡片。如果上述方法无效，建议联系钉钉和微信的开发者支持团队获取更专业的建议。

    评论 编辑记录

报告相同问题？

问题事件

  • 创建了问题 5月28日

悬赏问题

  • ¥15 两台交换机分别是trunk接口和access接口为何无法通信，通信过程是如何？
  • ¥15 C语言使用vscode编码错误
  • ¥15 用KSV5转成本时，如何不生成那笔中间凭证
  • ¥20 ensp怎么配置让PC1和PC2通讯上
  • ¥50 有没有适合匹配类似图中的运动规律的图像处理算法
  • ¥15 dnat基础问题,本机发出,别人返回的包,不能命中
  • ¥15 请各位帮我看看是哪里出了问题
  • ¥15 vs2019的js智能提示
  • ¥15 关于#开发语言#的问题：FDTD建模问题图中代码没有报错，但是模型却变透明了
  • ¥15 uniapp的h5项目写一个抽奖动画