Office graph search queries from within your SharePoint search center

This post is over a year old, some of this information may be out of date.

Now that Delve is out, it is time to do some experiments with it. One of the things I wanted to test is if you can visualize results from Office Graph in your SharePoint search center.

You can of course query data on the Delve page itself, but most of our users always go to the default SharePoint search center to search for their content. By including an Office Graph search page to your SharePoint search center, your users do not have to leave your search center.

Solution

The solution is really easy. A couple of months ago I wrote a post about how you could dynamically change the result source in a search center (read more). This was achieved by overriding the default Srch.U.fillKeywordQuery function, manipulating some parameters and doing a call to the original fillKeywordQuery function.

The same approach can be used to query data from Office Graph. What you need to do is adding a query property to the submitted query. The property to add is the GraphQuery property, the property can contain various values (you can check them out on the following MSDN page). The GraphQuery property always needs an actor, the action is not always needed.

So what I wanted to achieve in my search center is to be able to add an actor ID and an action type.

Here is my code which you can add in a script editor web part on the search page.

1
<input type="text" name="delve-actor" id="actorText" placeholder="ME or Actor ID">
2

3
<select name="delve-action" id="actionText">
4
  <option value=""></option>
5
  <option value="1021">PersonalFeed</option>
6
  <option value="1003">Modified</option>
7
  <option value="1015">OrgColleague</option>
8
  <option value="1014">OrgDirect</option>
9
  <option value="1013">OrgManager</option>
10
  <option value="1016">OrgSkipLevelManager</option>
11
  <option value="1019">WorkingWith</option>
12
  <option value="1020">TrendingAround</option>
13
  <option value="1001">Viewed</option>
14
  <option value="1033">WorkingWithPublic</option>
15
</select>
16

17
<script>
18
  // Show duplicated results
19
  if (typeof Srch.U.fillKeywordQuery !== 'undefined') {
20
    // Override the fillKeywordQuery function
21
    var originalFillKeywordQuery = Srch.U.fillKeywordQuery;
22
    // Override the default fillKeywordQuery function
23
    Srch.U.fillKeywordQuery = function(query, dp) {
24
      // Retrieve the current properties
25
      var properties = dp.get_properties();
26

27
      var actorText = document.getElementById('actorText');
28
      var actionText = document.getElementById('actionText');
29

30
      if (actorText !== null && actionText !== null) {
31
        var actor = actorText.value === '' ? 'ME' : actorText.value;
32
        var action = actionText.value === '' ?  '' : ',action:' + actionText.value;
33

34
        // Add the Office Graph properties
35
        properties["GraphQuery"] = 'ACTOR(' + actor + action + ')';
36

37
        dp.set_properties(properties);
38

39
        // Office Graph ranking model
40
        dp.set_fallbackRankingModelID("0c77ded8-c3ef-466d-929d-905670ea1d72");
41
      }
42

43
      // Call the default function to go further with the query processing
44
      originalFillKeywordQuery(query, dp);
45
    };
46
  }
47
</script>

The code gives you the following output:

Note: you can add the code in a script editor web part that you can place above the search box web part. _

The textbox can be used to include the actor ID. If you leave it empty, it uses ME as value for the actor, so the query will be done in the context of the current user. In the dropdown you can select which action type you want to query from Office Graph.

Results

Office Graph query: ACTOR(ME, action:1020)

Important: refiners are not working, no refinement data gets returned.

Office graph search queries from within your SharePoint search center

Solution

Results

Related articles

Loading CSS from your display templates

Sandboxed To-Do List Web Part on Office 365 – SharePoint Online

Fix: People Search Box Has Layout Problems When Used Outside a Search Center

Report issues or make changes on GitHub

Comments

Elio Struyf