Віджети Вконтакті

Усім відо­мо, що ок­рім Facebook, є ба­га­то па­ро­дій на цю со­ці­аль­ну ме­ре­жу. Як­що ві­ри­ти до­с­лі­джен­ням, най­попу­ляр­ні­шою в Ук­ра­ї­ні є Вкон­так­ті. То­му, на до­да­чу до кноп­ки «По­д­об­а­є­ть­ся» від Facebook, я ви­рі­шив зро­би­ти ана­л­огіч­ну кноп­ку для Вкон­так­та. І вже на цьо­му ета­пі мож­на ба­чи­ти, чим па­ро­дія ві­д­різ­ня­є­ть­ся від ори­гі­на­лу. Як­що кноп­ка для Facebook до­да­є­ть­ся в один ря­док, то Вкон­такт пі­шов знач­но да­лі! Во­ни роз­ро­би­ли свою не­по­втор­ну і пога­но до­ку­мен­то­ва­ну сис­те­му ав­то­ри­за­ції не тіль­ки для ко­рис­ту­ва­чів, але й для до­ме­нів. То­му для то­го, щоб до­да­ти щось на свою сто­рін­ку, ви ма­є­те пе­ред тим от­ри­ма­ти іден­ти­фі­ка­тор для неї, уві­йшов­ши по­пе­ред­ньо у Вкон­такт. Піс­ля цьо­го цей ча­рів­ний код має пов­ний до­ступ до вміс­ту ва­шої сто­рін­ки і мо­же лег­ко зби­ра­ти ін­фор­ма­цію про вас.

Як­що вас все це влаш­то­вує, то да­лі мож­на не чи­та­ти. Але ме­ні ду­же не спо­д­об­ав­ся та­кий під­хід, і я ви­рі­шив, що Вкон­так­та ра­зом з йо­го OpenAPI кра­ще за­пха­ти в iframe. Для цьо­го я за­ре­єс­т­ру­вав спе­ці­я­ль­ний до­мен http://wkontakte.99k.org/ й от­ри­мав іден­ти­фі­ка­тор для нь­о­го. Від­по­від­ний код я по­міс­тив у HTML файл і те­пер мож­на до­да­ва­ти кноп­ку для будь якої сто­рін­ки без ав­то­ри­за­ції. На­при­клад, код для ці­єї сто­рін­ки ви­гля­дає так.

У Blogger кноп­ка «По­д­об­а­є­ть­ся» до­да­є­ть­ся так:

<iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/like.html?p=&quot; + data:post.url' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:25px;'/>

Її мож­на до­да­ти, на­при­клад, пра­во­руч від кноп­ки для Facebook

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=uk_UA&amp;href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;action=like&quot;' frameborder='0' scrolling='no' style='float:left; border:none; overflow:hidden; width:50%; height:25px;'/>
<iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/like.html?amp;p=&quot; + data:post.url' frameborder='0' scrolling='no' style='float:left; border:none; overflow:hidden; width:50%; height:25px;'/>

Вра­хо­ву­ю­чи спе­ци­фі­ку відві­ду­ва­чів Вкон­так­ту, які відві­ду­ють май­же ви­ключ­но сам Вкон­такт і зав­жди си­дять у ньо­му, мож­на до­да­ти та­кож від­жет ко­мен­та­рів:

<iframe allowTransparency='true' expr:src='&quot;http://wkontakte.99k.org/comments.html?n=20&amp;p=&quot; + data:post.url' frameborder='0' scrolling='no' style='border:none; width:100%;'/>

(тут 20 — мак­си­маль­на кіль­кість ко­мен­та­рів). Осо­бис­то я до­дав ко­мен­та­рі в са­мо­му кін­ці сто­рін­ки з до­пи­сом, піс­ля ко­ду

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
  </div>

Ну і го­лов­не. Піс­ля то­го, як ви пе­ре­ві­ри­ли, що від­же­ти ви­гля­да­ють нор­маль­но, не­п­ога­но бу­де при­бра­ти цей не­пот­ріб з очей нор­маль­них ко­рис­ту­ва­чів. Для цьо­го пе­ред­ба­че­но ще один па­ра­метр: a=true. Йо­го не­об­хід­но до­да­ти в ад­ре­су для кноп­ки «По­д­об­а­є­ть­ся» так:

expr:src='"http://wkontakte.99k.org/like.html?a=true&p=" + data:post.url'

А для ко­мен­та­рів, від­по­від­но:

expr:src='"http://wkontakte.99k.org/comments.html?a=true&n=20&p=" + data:post.url'

Піс­ля цьо­го від­же­ти ба­чи­ти­муть тіль­ки ті ко­рис­ту­ва­чі, які вві­йшли у Вкон­такт.

Далі...