Embed Yammer on SharePoint Page: A Step-by-Step Integration Guide

Embedding Yammer on a SharePoint page offers a powerful way for us to enhance collaboration within Microsoft 365. Yammer serves as a social networking tool that integrates seamlessly with SharePoint, allowing team members to engage in discussions, share insights, and drive more dynamic communication on the intranet. With SharePoint’s robust platform providing the structure and Yammer adding the social component, the blend of both facilitates an enriched collaborative environment.

Embed Yammer on SharePoint Page: A Step-by-Step Integration Guide

Through embedding Yammer feeds into SharePoint, we ensure that conversations are easily accessible, keeping everyone up to date without needing to navigate away from our SharePoint site.

The process is straightforward:
  • Locate the Yammer group we want to display on SharePoint.
  • Procure the necessary embed code from Yammer.
  • Add it to our SharePoint page using the available web part or by incorporating the code into a script editor or content editor web part for classic SharePoint sites.

As we integrate these platforms, we establish a more connected and responsive digital workplace. This enables us to leverage the strengths of both SharePoint’s content management features and Yammer’s interactive capabilities.

Embedding Basics

Yammer logo embedded on SharePoint page. Integration shown with arrows or connection lines

Embedding a Yammer feed onto a SharePoint page links your network’s conversations directly with your intranet, fostering greater engagement and collaboration. Let’s walk through the fundamental steps to understand this process, choose the appropriate feed type, and explore the embed options available to us.

Understanding the Embed Process

Before we commence embedding, we need the embed code from Yammer. Once obtained, we insert this code into SharePoint. For classic pages, we use a Script Editor Web Part. In contrast, modern pages simplify the task by offering a dedicated Yammer Web Part. Think of this process as the bridge that connects two platforms—Yammer and SharePoint—allowing seamless integration of social interactions into our daily workflow.

Choosing the Right Yammer Feed Type

Yammer provides a variety of feeds, each serving different purposes. The choices include:

Group Feed: For discussions within a specific group.
Topic Feed: Centers around a particular hashtag or topic.
User Feed: Shows a specific user’s messages.
Home Feed: For a broad view of the network’s activity.

Selecting the correct type ensures the feed is relevant and tailored to the audience viewing the SharePoint page.

Yammer Embed Options

When we embed a feed, we can control how it displays and functions. Our ability to manage these aspects depends on whether we are embedding within classic or modern SharePoint pages. Modern pages benefit from the newer Yammer Web Part, which integrates more naturally and offers better customization options. Classic pages demand a manual approach where we edit the SharePoint Page to add the Script Editor Web Part and paste the embed code.

Page Type Embed Method Customization Level
Classic Script Editor Web Part Limited
Modern Yammer Web Part High

Regardless of the method, we are facilitating a more connected experience by bringing these two platforms together.

Step-by-Step Implementation

When integrating Yammer into a SharePoint site, we follow a structured approach to ensure that the social interaction component becomes a seamless part of our information sharing platform. Let’s walk through the necessary steps.

Accessing SharePoint Pages

To begin, we access the SharePoint page where the Yammer feed is to be displayed. This involves navigating to the SharePoint site and selecting the page we want to edit. Once on the page, we enter edit mode, typically through a gear icon or directly clicking on an “Edit” button.

Inserting the Yammer Web Part

For modern SharePoint pages, inserting a Yammer feed is straightforward:

  1. We click on the “+” sign or choose “Add a web part” where we want the Yammer feed to appear.
  2. In the search box that appears, we type “Yammer” and select the appropriate Yammer web part – either “Yammer Conversations” or “Yammer Highlights” depending on our needs.

Using Script Editor for Custom Embeds

If we’re working with a classic SharePoint page or require more customization, we utilize the Script Editor web part:

  1. Like before, we edit the SharePoint page and add a new web part.
  2. We select “Media and Content” and then “Script Editor”.
  3. In the Script Editor, we paste the Yammer embed code which we can obtain by following step-by-step instructions from the Yammer Developer Network or by clicking on the “Embed this feed in your site” option within Yammer.

Preview and Adjustments

After adding the Yammer feed, we always preview the page. Here we check:

  • If the feed displays correctly and is sized appropriately.
  • If any additional adjustments are necessary to make sure the feed blends well with the rest of our SharePoint page.

If needed, we go back to the edit mode to make fine-tuning adjustments to the web part properties until our Yammer integration feels just right.

Advanced Embedding Techniques

Embedding Yammer on a SharePoint page goes beyond just pasting a link. In this section, we’ll explore how to elevate the user experience by refining the Yammer integration through customization, enhanced media handling, and deeper connectivity with other Microsoft services.

Customizing Layout and Appearance

When embedding Yammer feeds into SharePoint, we can tailor the look to match our organizational branding and theme. With careful manipulation of CSS styles within the HTML container, Yammer can seamlessly blend with the SharePoint environment. Consider font sizes, colors, and layout structures; these elements can be customized to align with our site’s aesthetics.

Handling Media and Rich Content

We understand the importance of media and rich content. To handle these elements effectively in Yammer embedded feeds, we make use of Open Graph tags within our HTML structure. By doing this, we ensure that shared content, such as images and videos, is represented appropriately in the feed, enhancing interaction and engagement.

Integrating with Microsoft Teams and Viva Engage

Microsoft Teams Integration Viva Engage Connectivity Enhanced Collaboration
We can bring Yammer discussions into Microsoft Teams channels, fostering a cohesive communication platform. Exploit Viva Engage to enhance Yammer’s reach by embedding the feed within Viva’s communities. These integrations empower our team members to collaborate and share social experiences without leaving their workflow.

Best Practices and Troubleshooting

When we embed Yammer on a SharePoint page, we enhance collaboration and streamline communications within the organization. This integration must be seamless to ensure an optimal user experience and to maintain the security and compliance of both SharePoint and the Yammer network.

Ensuring Optimal User Experience

User Experience: It is crucial that the user interface is intuitive. To achieve this, we regularly test the Yammer feed on various devices, including mobile devices, and ensure that all users, whether part of a group or external networks, can access the content easily. Consistent API performance is key, as it supports the enterprise social network behind the scenes, ensuring that content updates in real-time and is synchronized across platforms.

Common Pitfalls and Solutions

Issue Cause Solution
Feed not displaying Incorrect embed code Verify the embed code and permissions
Poor performance on mobile Non-responsive design Ensure the SharePoint page is mobile-optimized
SSO issues Misconfigured SSO settings Review and update SSO configurations

Maintaining Security and Compliance

When integrating Yammer into SharePoint, security and compliance should never be an afterthought. We ensure the Yammer groups have the proper governance in place, and we control who has access to specific information. Additionally, we validate that external networks also follow our enterprise’s security standards. Consequently, while fostering collaboration, we also make certain that our data remains secure and within regulatory compliance frameworks.

Leave a Comment