컬렉션 변경

사용자가 단일 페이지 레이아웃 및 URL에서 컬렉션을 클릭하도록 허용합니다.

Livefyre 앱이 이미 로드되어 있는 동안 URL을 변경하지 않고, 컬렉션 변경 위임을 사용하여 페이지에 표시된 컬렉션을 변경할 수 있습니다. 이 기능을 사용하여 사진 또는 비디오 갤러리, 사용자 작업 후 표시되는 컬렉션이 변경되어야 하는 기타 앱을 표시할 수 있습니다.

예를 들어 갤러리에서 비디오나 사진을 클릭해도 해당 선택 항목에 해당하는 컬렉션이 로드되지만 페이지의 URL은 변경되지 않습니다.

단일 페이지🔗에서 3개의 컬렉션 중 하나를 로드하려면:

<html> 
<head> 
<script src='//cdn.livefyre.com/Livefyre.js'></script> 
</head> 
<body> 
<script type="text/javascript"> 
convConfig1 = {"collectionMeta": <COLLECTION META 1>, 
             "checksum": <CHECKSUM 1>, 
             "siteId": <SITE ID>, 
             "articleId":"1", 
             "el":"livefyre"}; 
convConfig2 = {"collectionMeta": <COLLECTION META 2>, 
             "checksum": <CHECKSUM 2>, 
             "siteId": <SITE ID>, 
             "articleId":"2", 
             "el":"livefyre"}; 
convConfig3 = {"collectionMeta": <COLLECTION META 3>, 
             "checksum": <CHECKSUM 3>, 
             "siteId": <SITE ID>, 
             "articleId":"3", 
             "el":"livefyre"}; 
  
Livefyre.require(['fyre.conv#prod'],function(Conv) { 
    new Conv({"network": "<NETWORK NAME>"}, 
    [convConfig1], 
    function(app) {  
        window.changeConv = app.changeCollection; 
    } 
    ); 
}); 
</script> 
  
<div id="livefyre"></div> 
<button onclick="window.changeConv(convConfig1);">Conv 1</button> 
<button onclick="window.changeConv(convConfig2);">Conv 2</button> 
<button onclick="window.changeConv(convConfig3);">Conv 3</button> 
</body> 
</html>

이 페이지에서는